diff --git a/packages/frontend-core/src/components/grid/cells/GutterCell.svelte b/packages/frontend-core/src/components/grid/cells/GutterCell.svelte index b5c3afc03b..218341e54e 100644 --- a/packages/frontend-core/src/components/grid/cells/GutterCell.svelte +++ b/packages/frontend-core/src/components/grid/cells/GutterCell.svelte @@ -11,6 +11,7 @@ export let rowSelected export let disableExpand = false export let disableNumber = false + export let defaultHeight = false const { config, dispatch, selectedRows } = getContext("grid") const svelteDispatch = createEventDispatcher() @@ -44,6 +45,7 @@ width={GutterWidth} highlighted={rowFocused || rowHovered} selected={rowSelected} + {defaultHeight} >
{#if $$slots.default} @@ -111,6 +113,7 @@ .expand { opacity: 0; pointer-events: none; + margin-right: 4px; } .expand.visible { opacity: 1; diff --git a/packages/frontend-core/src/components/grid/layout/NewRowTop.svelte b/packages/frontend-core/src/components/grid/layout/NewRowTop.svelte index 4abbf41d24..ad4cadbb0b 100644 --- a/packages/frontend-core/src/components/grid/layout/NewRowTop.svelte +++ b/packages/frontend-core/src/components/grid/layout/NewRowTop.svelte @@ -7,6 +7,7 @@ import { fade } from "svelte/transition" import { GutterWidth } from "../lib/constants" import { NewRowID } from "../lib/constants" + import GutterCell from "../cells/GutterCell.svelte" const { hoveredRowId, @@ -116,16 +117,9 @@ transition:fade={{ duration: 130 }} style="flex: 0 0 {width}px" > - -
-
- -
- {#if $config.allowExpandRows} - - {/if} -
-
+ + + {#if $stickyColumn} {@const cellId = `new-${$stickyColumn.name}`} 0} >
- + {#if $stickyColumn} {/if}