@graphcommerce/next-ui 9.1.0-canary.23 → 9.1.0-canary.26
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 +10 -0
- package/FramerScroller/SidebarGallery.tsx +4 -3
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 9.1.0-canary.26
|
|
4
|
+
|
|
5
|
+
## 9.1.0-canary.25
|
|
6
|
+
|
|
7
|
+
### Patch Changes
|
|
8
|
+
|
|
9
|
+
- [#2517](https://github.com/graphcommerce-org/graphcommerce/pull/2517) [`547be7d`](https://github.com/graphcommerce-org/graphcommerce/commit/547be7d5ee39aca64ab4a9a80de66a01961990e4) - Fixed gallery zoom breaking on long sidebar content ([@bramvanderholst](https://github.com/bramvanderholst))
|
|
10
|
+
|
|
11
|
+
## 9.1.0-canary.24
|
|
12
|
+
|
|
3
13
|
## 9.1.0-canary.23
|
|
4
14
|
|
|
5
15
|
## 9.1.0-canary.22
|
|
@@ -138,6 +138,8 @@ export function SidebarGallery(props: SidebarGalleryProps) {
|
|
|
138
138
|
|
|
139
139
|
const hasImages = images.length > 0
|
|
140
140
|
|
|
141
|
+
const sidebarSize = `calc(${responsiveVal(300, 500, undefined, theme.breakpoints.values.lg)} + ${theme.page.horizontal} * 2)`
|
|
142
|
+
|
|
141
143
|
return (
|
|
142
144
|
<ScrollerProvider scrollSnapAlign='center'>
|
|
143
145
|
<Row
|
|
@@ -161,9 +163,7 @@ export function SidebarGallery(props: SidebarGalleryProps) {
|
|
|
161
163
|
gridTemplate: '"left" "right"',
|
|
162
164
|
[theme.breakpoints.up('md')]: {
|
|
163
165
|
'&:not(.variantMdOneColumn)': {
|
|
164
|
-
gridTemplate: `"left right" / 1fr
|
|
165
|
-
theme.page.horizontal
|
|
166
|
-
} * 2)`,
|
|
166
|
+
gridTemplate: `"left right" / 1fr ${sidebarSize}`,
|
|
167
167
|
},
|
|
168
168
|
},
|
|
169
169
|
|
|
@@ -362,6 +362,7 @@ export function SidebarGallery(props: SidebarGalleryProps) {
|
|
|
362
362
|
className={classes.sidebarWrapper}
|
|
363
363
|
sx={[
|
|
364
364
|
{
|
|
365
|
+
width: sidebarSize,
|
|
365
366
|
gridArea: 'right',
|
|
366
367
|
boxSizing: 'content-box',
|
|
367
368
|
display: 'grid',
|
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": "9.1.0-canary.
|
|
5
|
+
"version": "9.1.0-canary.26",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"prettier": "@graphcommerce/prettier-config-pwa",
|
|
8
8
|
"eslintConfig": {
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"@emotion/react": "^11",
|
|
25
25
|
"@emotion/server": "^11",
|
|
26
26
|
"@emotion/styled": "^11",
|
|
27
|
-
"@graphcommerce/eslint-config-pwa": "^9.1.0-canary.
|
|
28
|
-
"@graphcommerce/framer-next-pages": "^9.1.0-canary.
|
|
29
|
-
"@graphcommerce/framer-scroller": "^9.1.0-canary.
|
|
30
|
-
"@graphcommerce/framer-utils": "^9.1.0-canary.
|
|
31
|
-
"@graphcommerce/image": "^9.1.0-canary.
|
|
32
|
-
"@graphcommerce/prettier-config-pwa": "^9.1.0-canary.
|
|
33
|
-
"@graphcommerce/typescript-config-pwa": "^9.1.0-canary.
|
|
27
|
+
"@graphcommerce/eslint-config-pwa": "^9.1.0-canary.26",
|
|
28
|
+
"@graphcommerce/framer-next-pages": "^9.1.0-canary.26",
|
|
29
|
+
"@graphcommerce/framer-scroller": "^9.1.0-canary.26",
|
|
30
|
+
"@graphcommerce/framer-utils": "^9.1.0-canary.26",
|
|
31
|
+
"@graphcommerce/image": "^9.1.0-canary.26",
|
|
32
|
+
"@graphcommerce/prettier-config-pwa": "^9.1.0-canary.26",
|
|
33
|
+
"@graphcommerce/typescript-config-pwa": "^9.1.0-canary.26",
|
|
34
34
|
"@lingui/core": "^4.2.1",
|
|
35
35
|
"@lingui/macro": "^4.2.1",
|
|
36
36
|
"@lingui/react": "^4.2.1",
|