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

Only show empty rows in grid layouts when in the builder

This commit is contained in:
Andrew Kingston 2024-08-13 09:52:10 +01:00
parent 22f971cd3d
commit 0875d0c5e1
No known key found for this signature in database
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,7 +17,12 @@
let mounted = false let mounted = false
let styles = memo({}) let styles = memo({})
$: requiredRows = calculateRequiredRows($children, mobile, addEmptyRows) $: inBuilder = $builderStore.inBuilder
$: requiredRows = calculateRequiredRows(
$children,
mobile,
addEmptyRows && inBuilder
)
$: requiredHeight = requiredRows * GridRowHeight $: requiredHeight = requiredRows * GridRowHeight
$: availableRows = Math.floor(height / GridRowHeight) $: availableRows = Math.floor(height / GridRowHeight)
$: rows = Math.max(requiredRows, availableRows) $: rows = Math.max(requiredRows, availableRows)
@ -133,7 +138,7 @@
data-cols={GridColumns} data-cols={GridColumns}
data-col-size={colSize} data-col-size={colSize}
> >
{#if $builderStore.inBuilder} {#if inBuilder}
<div class="underlay"> <div class="underlay">
{#each { length: GridColumns * rows } as _, idx} {#each { length: GridColumns * rows } as _, idx}
<div class="placeholder" class:first-col={idx % GridColumns === 0} /> <div class="placeholder" class:first-col={idx % GridColumns === 0} />