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()
// Get the screen definition for the current route
$: screenDefinition = $screenStore.activeScreen?.props
$: onLoadActions.set($screenStore.activeScreen?.onLoad)
$: screen = $screenStore.activeScreen
$: screenDefinition = { cols: 24, rows: 24, ...screen?.props }
$: onLoadActions.set(screen?.onLoad)
$: runOnLoadActions($onLoadActions, params)
// Enrich and execute any on load actions.

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

@ -81,15 +81,16 @@
left: 0;
width: 100%;
height: 100%;
grid-gap: 2px;
background-color: var(--spectrum-global-color-gray-200);
border: 2px solid var(--spectrum-global-color-gray-200);
/* grid-gap: 2px;*/
/* background-color: var(--spectrum-global-color-gray-200);*/
border: 1px solid var(--spectrum-global-color-gray-200);
}
.underlay {
z-index: -1;
}
.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 */