MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix background color on grid underlay and ensure screens with grids default to 24x24

This commit is contained in:
Andrew Kingston 2024-08-05 13:34:38 +01:00
parent 1ff0c99764
commit e3f4e5525e
No known key found for this signature in database
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/client/src/components/Screen.svelte
View File

@ -13,8 +13,9 @@
const onLoadActions = memo() const onLoadActions = memo()
// Get the screen definition for the current route // Get the screen definition for the current route
$: screenDefinition = $screenStore.activeScreen?.props $: screen = $screenStore.activeScreen
$: onLoadActions.set($screenStore.activeScreen?.onLoad) $: screenDefinition = { cols: 24, rows: 24, ...screen?.props }
$: onLoadActions.set(screen?.onLoad)
$: runOnLoadActions($onLoadActions, params) $: runOnLoadActions($onLoadActions, params)
// Enrich and execute any on load actions. // Enrich and execute any on load actions.

9
packages/client/src/components/app/container/GridContainer.svelte
View File

@ -81,15 +81,16 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
grid-gap: 2px; /* grid-gap: 2px;*/
background-color: var(--spectrum-global-color-gray-200); /* background-color: var(--spectrum-global-color-gray-200);*/
border: 2px solid var(--spectrum-global-color-gray-200); border: 1px solid var(--spectrum-global-color-gray-200);
} }
.underlay { .underlay {
z-index: -1; z-index: -1;
} }
.placeholder { .placeholder {
background-color: var(--spectrum-global-color-gray-100); /* background-color: var(--spectrum-global-color-gray-100);*/
border: 1px solid var(--spectrum-global-color-gray-200);
} }
/* Ensure all top level children have grid styles applied */ /* Ensure all top level children have grid styles applied */