@graphcommerce/next-ui 8.0.5-canary.6 → 8.0.5-canary.7
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
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 8.0.5-canary.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#2241](https://github.com/graphcommerce-org/graphcommerce/pull/2241) [`6f3fe60`](https://github.com/graphcommerce-org/graphcommerce/commit/6f3fe60441762d55cb46d587279121e8fe469cdd) - Decreased layout shift on product pages by reserving space for sidebar
|
|
8
|
+
([@bramvanderholst](https://github.com/bramvanderholst))
|
|
9
|
+
|
|
10
|
+
- [#2241](https://github.com/graphcommerce-org/graphcommerce/pull/2241) [`cde3c31`](https://github.com/graphcommerce-org/graphcommerce/commit/cde3c310abf2ac3c82d1062d5fb0a4c00ba50cff) - Removed unnecessary vendor prefixes
|
|
11
|
+
([@bramvanderholst](https://github.com/bramvanderholst))
|
|
12
|
+
|
|
13
|
+
- [#2241](https://github.com/graphcommerce-org/graphcommerce/pull/2241) [`4c83636`](https://github.com/graphcommerce-org/graphcommerce/commit/4c836366c324881ee5121c645c5f94fc60e3ebb3) - Prevent horizontal scrollbar on small screens when using SidebarGallery
|
|
14
|
+
([@bramvanderholst](https://github.com/bramvanderholst))
|
|
15
|
+
|
|
3
16
|
## 8.0.5-canary.6
|
|
4
17
|
|
|
5
18
|
## 8.0.5-canary.5
|
|
@@ -144,8 +144,9 @@ export function SidebarGallery(props: SidebarGalleryProps) {
|
|
|
144
144
|
display: 'grid',
|
|
145
145
|
gridTemplate: '"left" "right"',
|
|
146
146
|
[theme.breakpoints.up('md')]: {
|
|
147
|
-
|
|
148
|
-
|
|
147
|
+
gridTemplate: `"left right" / 1fr calc(${responsiveVal(300, 500, theme.breakpoints.values.lg)} + ${
|
|
148
|
+
theme.page.horizontal
|
|
149
|
+
} * 2)`,
|
|
149
150
|
},
|
|
150
151
|
background:
|
|
151
152
|
theme.palette.mode === 'light'
|
|
@@ -159,6 +160,7 @@ export function SidebarGallery(props: SidebarGalleryProps) {
|
|
|
159
160
|
marginTop: `calc(${theme.appShell.headerHeightSm} * -1)`,
|
|
160
161
|
[theme.breakpoints.up('md')]: {
|
|
161
162
|
marginTop: `calc(${theme.appShell.headerHeightMd} * -1 - ${theme.spacings.lg})`,
|
|
163
|
+
gridTemplateColumns: '1fr auto',
|
|
162
164
|
},
|
|
163
165
|
paddingRight: 0,
|
|
164
166
|
},
|
|
@@ -178,7 +180,7 @@ export function SidebarGallery(props: SidebarGalleryProps) {
|
|
|
178
180
|
position: 'relative',
|
|
179
181
|
paddingTop: `min(${ratio}, ${maxHeight})`,
|
|
180
182
|
[theme.breakpoints.down('md')]: {
|
|
181
|
-
width: '
|
|
183
|
+
width: '100%',
|
|
182
184
|
},
|
|
183
185
|
[theme.breakpoints.up('md')]: {
|
|
184
186
|
height: `calc(${dvh(100)} - ${theme.appShell.headerHeightMd} - ${
|
|
@@ -348,11 +350,6 @@ export function SidebarGallery(props: SidebarGalleryProps) {
|
|
|
348
350
|
justifyItems: 'start',
|
|
349
351
|
alignContent: 'center',
|
|
350
352
|
position: 'relative',
|
|
351
|
-
[theme.breakpoints.up('md')]: {
|
|
352
|
-
width: `calc(${responsiveVal(300, 500, theme.breakpoints.values.lg)} + ${
|
|
353
|
-
theme.page.horizontal
|
|
354
|
-
} * 2)`,
|
|
355
|
-
},
|
|
356
353
|
},
|
|
357
354
|
zoomed && {
|
|
358
355
|
[theme.breakpoints.up('md')]: {
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@graphcommerce/next-ui",
|
|
3
3
|
"homepage": "https://www.graphcommerce.org/",
|
|
4
4
|
"repository": "github:graphcommerce-org/graphcommerce",
|
|
5
|
-
"version": "8.0.5-canary.
|
|
5
|
+
"version": "8.0.5-canary.7",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"prettier": "@graphcommerce/prettier-config-pwa",
|
|
8
8
|
"eslintConfig": {
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
"typescript": "5.3.3"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@graphcommerce/eslint-config-pwa": "^8.0.5-canary.
|
|
29
|
-
"@graphcommerce/framer-next-pages": "^8.0.5-canary.
|
|
30
|
-
"@graphcommerce/framer-scroller": "^8.0.5-canary.
|
|
31
|
-
"@graphcommerce/framer-utils": "^8.0.5-canary.
|
|
32
|
-
"@graphcommerce/image": "^8.0.5-canary.
|
|
33
|
-
"@graphcommerce/lingui-next": "^8.0.5-canary.
|
|
34
|
-
"@graphcommerce/prettier-config-pwa": "^8.0.5-canary.
|
|
35
|
-
"@graphcommerce/typescript-config-pwa": "^8.0.5-canary.
|
|
28
|
+
"@graphcommerce/eslint-config-pwa": "^8.0.5-canary.7",
|
|
29
|
+
"@graphcommerce/framer-next-pages": "^8.0.5-canary.7",
|
|
30
|
+
"@graphcommerce/framer-scroller": "^8.0.5-canary.7",
|
|
31
|
+
"@graphcommerce/framer-utils": "^8.0.5-canary.7",
|
|
32
|
+
"@graphcommerce/image": "^8.0.5-canary.7",
|
|
33
|
+
"@graphcommerce/lingui-next": "^8.0.5-canary.7",
|
|
34
|
+
"@graphcommerce/prettier-config-pwa": "^8.0.5-canary.7",
|
|
35
|
+
"@graphcommerce/typescript-config-pwa": "^8.0.5-canary.7",
|
|
36
36
|
"@lingui/core": "^4.2.1",
|
|
37
37
|
"@lingui/macro": "^4.2.1",
|
|
38
38
|
"@lingui/react": "^4.2.1",
|