@graphcommerce/magento-category 3.3.25 → 3.3.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,31 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [3.3.28](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.3.27...@graphcommerce/magento-category@3.3.28) (2021-11-12)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* fix spacing category video ([592f569](https://github.com/ho-nl/m2-pwa/commit/592f5690b28a423f10efaa4e685fdf7aaa9260dd))
|
|
12
|
+
* safari video height stretch fix ([76a800b](https://github.com/ho-nl/m2-pwa/commit/76a800b80bd29fd92f55ff9d9e24bb8e1bfdf830))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## [3.3.26](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.3.25...@graphcommerce/magento-category@3.3.26) (2021-11-11)
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
### Bug Fixes
|
|
22
|
+
|
|
23
|
+
* **category-hero-nav:** category children mobile styles ([7928853](https://github.com/ho-nl/m2-pwa/commit/79288538bb3b99682a7beea22223d35106a5d9c2))
|
|
24
|
+
* **category-hero-nav:** category positioning ([2921dde](https://github.com/ho-nl/m2-pwa/commit/2921ddec4731e19c1ccb11f941ec59826a1f908d))
|
|
25
|
+
* **category-hero-nav:** spacing ([94de2cf](https://github.com/ho-nl/m2-pwa/commit/94de2cf7be9c82a6408dbe33438275051d57143d))
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
6
31
|
## [3.3.6](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-category@3.3.5...@graphcommerce/magento-category@3.3.6) (2021-11-02)
|
|
7
32
|
|
|
8
33
|
|
|
@@ -8,8 +8,12 @@ const useStyles = makeStyles(
|
|
|
8
8
|
wrapper: {
|
|
9
9
|
display: 'grid',
|
|
10
10
|
gridTemplateColumns: '1fr',
|
|
11
|
-
gridTemplateAreas: `
|
|
12
|
-
|
|
11
|
+
gridTemplateAreas: `
|
|
12
|
+
"title"
|
|
13
|
+
"categories"
|
|
14
|
+
"placeholder"
|
|
15
|
+
`,
|
|
16
|
+
gridTemplateRows: 'auto auto 1fr',
|
|
13
17
|
borderBottom: `1px solid ${theme.palette.divider}`,
|
|
14
18
|
marginBottom: theme.spacings.xl,
|
|
15
19
|
paddingRight: 0,
|
|
@@ -24,19 +28,20 @@ const useStyles = makeStyles(
|
|
|
24
28
|
gridArea: 'categories',
|
|
25
29
|
display: 'grid',
|
|
26
30
|
gridColumnGap: theme.spacings.xl,
|
|
27
|
-
gridTemplateColumns: 'repeat(2, min-content)',
|
|
28
31
|
gridRowGap: theme.spacings.lg,
|
|
29
32
|
height: 'min-content',
|
|
30
|
-
alignSelf: 'center',
|
|
31
33
|
maxWidth: '80vw',
|
|
32
34
|
justifySelf: 'center',
|
|
35
|
+
alignSelf: 'start',
|
|
36
|
+
gridTemplateColumns: '1fr 1fr',
|
|
37
|
+
marginBottom: theme.spacings.lg,
|
|
33
38
|
[theme.breakpoints.up('md')]: {
|
|
39
|
+
margin: 0,
|
|
34
40
|
gridColumnGap: theme.spacings.md,
|
|
35
41
|
gridRowGap: theme.spacings.md,
|
|
36
|
-
gridTemplateColumns: 'repeat(2, 1fr)',
|
|
37
42
|
maxWidth: '100vw',
|
|
38
43
|
width: '100%',
|
|
39
|
-
|
|
44
|
+
justifySelf: 'start',
|
|
40
45
|
},
|
|
41
46
|
},
|
|
42
47
|
title: {
|
|
@@ -50,11 +55,13 @@ const useStyles = makeStyles(
|
|
|
50
55
|
gridArea: 'placeholder',
|
|
51
56
|
minHeight: '40vh',
|
|
52
57
|
overflow: 'hidden',
|
|
53
|
-
|
|
54
|
-
'&
|
|
55
|
-
|
|
56
|
-
|
|
58
|
+
display: 'flex',
|
|
59
|
+
'& > div': {
|
|
60
|
+
display: 'flex',
|
|
61
|
+
},
|
|
62
|
+
'& video': {
|
|
57
63
|
objectFit: 'cover',
|
|
64
|
+
width: '100%',
|
|
58
65
|
},
|
|
59
66
|
},
|
|
60
67
|
[theme.breakpoints.up('md')]: {
|
|
@@ -110,7 +117,9 @@ export default function CategoryHeroNav({ children, title, asset }: CategoryHero
|
|
|
110
117
|
)
|
|
111
118
|
})}
|
|
112
119
|
</div>
|
|
113
|
-
<div className={classes.placeholder}>
|
|
120
|
+
<div className={classes.placeholder}>
|
|
121
|
+
<div>{asset}</div>
|
|
122
|
+
</div>
|
|
114
123
|
</div>
|
|
115
124
|
</>
|
|
116
125
|
)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@graphcommerce/magento-category",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.29",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"prettier": "@graphcommerce/prettier-config-pwa",
|
|
6
6
|
"browserslist": [
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
"@graphcommerce/framer-scroller": "^1.0.3",
|
|
25
25
|
"@graphcommerce/graphql": "^2.105.4",
|
|
26
26
|
"@graphcommerce/image": "^2.105.3",
|
|
27
|
-
"@graphcommerce/magento-product": "^3.5.
|
|
28
|
-
"@graphcommerce/magento-store": "^3.2.
|
|
29
|
-
"@graphcommerce/next-ui": "^3.
|
|
27
|
+
"@graphcommerce/magento-product": "^3.5.22",
|
|
28
|
+
"@graphcommerce/magento-store": "^3.2.20",
|
|
29
|
+
"@graphcommerce/next-ui": "^3.16.0",
|
|
30
30
|
"@graphql-typed-document-node/core": "^3.1.0",
|
|
31
31
|
"@material-ui/core": "^4.12.3",
|
|
32
32
|
"next": "^12.0.3",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"react-dom": "^17.0.2",
|
|
35
35
|
"type-fest": "^2.5.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "1c54da5e12541a73e71f3414ee53d7170e0685f9"
|
|
38
38
|
}
|