CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-20 11:27:56 +12:00
Code Issues Projects Releases Wiki Activity

Fix component autosizing not working on mobile grids

Browse source
This commit is contained in:
Andrew Kingston 2024-08-02 09:23:47 +01:00
parent 5cc4002f32
commit 8dd0658f18
No known key found for this signature in database
1 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
packages/client/src/components/app/container/GridContainer.svelte
View file

@ -115,8 +115,7 @@
--grid-desktop-col-end,
var(
--grid-mobile-col-end,
/* Our final*/
round(up, calc(var(--default-width) / var(--col-size) + 1))
round(up, calc(var(--default-width) / var(--col-size) + 1))
)
);
--row-start: var(--grid-desktop-row-start, var(--grid-mobile-row-start, 1));
@ -128,7 +127,7 @@
)
);
/* Flex vars */
/* Flex vars */
--h-align: var(--grid-desktop-h-align, var(--grid-mobile-h-align, stretch));
--v-align: var(--grid-desktop-v-align, var(--grid-mobile-v-align, center));
--child-flex: var(
@ -153,11 +152,23 @@
/* On mobile, use mobile metadata and fall back to desktop */
.grid.mobile :global(> .component) {
/* Position vars */
/* Position vars */
--col-start: var(--grid-mobile-col-start, var(--grid-desktop-col-start, 1));
--col-end: var(--grid-mobile-col-end, var(--grid-desktop-col-end, 2));
--col-end: var(
--grid-mobile-col-end,
var(
--grid-desktop-col-end,
round(up, calc(var(--default-width) / var(--col-size) + 1))
)
);
--row-start: var(--grid-mobile-row-start, var(--grid-desktop-row-start, 1));
--row-end: var(--grid-mobile-row-end, var(--grid-desktop-row-end, 2));
--row-end: var(
--grid-mobile-row-end,
var(
--grid-desktop-row-end,
round(up, calc(var(--default-height) / var(--row-size) + 1))
)
);
/* Flex vars */
--h-align: var(--grid-mobile-h-align, var(--grid-desktop-h-align, stretch));