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

Merge branch 'master' into fix/inconsistent-column-schemas

This commit is contained in:
Adria Navarro 2024-10-14 13:26:00 +02:00 committed by GitHub
parent 874df3f54d c2f9ed5c01
commit 31cfb1176d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 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

@ -4,6 +4,8 @@
import { GridRowHeight, GridColumns } from "constants" import { GridRowHeight, GridColumns } from "constants"
import { memo } from "@budibase/frontend-core" import { memo } from "@budibase/frontend-core"
export let onClick
const component = getContext("component") const component = getContext("component")
const { styleable, builderStore } = getContext("sdk") const { styleable, builderStore } = getContext("sdk")
const context = getContext("context") const context = getContext("context")
@ -121,15 +123,19 @@
}) })
</script> </script>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div <div
bind:this={ref} bind:this={ref}
class="grid" class="grid"
class:mobile class:mobile
class:clickable={!!onClick}
bind:clientWidth={width} bind:clientWidth={width}
bind:clientHeight={height} bind:clientHeight={height}
use:styleable={$styles} use:styleable={$styles}
data-cols={GridColumns} data-cols={GridColumns}
data-col-size={colSize} data-col-size={colSize}
on:click={onClick}
> >
{#if inBuilder} {#if inBuilder}
<div class="underlay"> <div class="underlay">
@ -176,6 +182,9 @@
.placeholder.first-col { .placeholder.first-col {
border-left: 1px solid var(--spectrum-global-color-gray-900); border-left: 1px solid var(--spectrum-global-color-gray-900);
} }
.clickable {
cursor: pointer;
}
/* Highlight grid lines when resizing children */ /* Highlight grid lines when resizing children */
:global(.grid.highlight > .underlay) { :global(.grid.highlight > .underlay) {