diff --git a/packages/client/manifest.json b/packages/client/manifest.json index 40abc7a9a0..bf73286933 100644 --- a/packages/client/manifest.json +++ b/packages/client/manifest.json @@ -6973,6 +6973,12 @@ "key": "stripeRows", "defaultValue": false }, + { + "type": "boolean", + "label": "Quiet", + "key": "quiet", + "defaultValue": false + }, { "section": true, "name": "Columns", diff --git a/packages/client/src/components/app/GridBlock.svelte b/packages/client/src/components/app/GridBlock.svelte index 0ee2cf1487..55e5a2bd66 100644 --- a/packages/client/src/components/app/GridBlock.svelte +++ b/packages/client/src/components/app/GridBlock.svelte @@ -11,6 +11,7 @@ export let allowEditRows = true export let allowDeleteRows = true export let stripeRows = false + export let quiet = false export let initialFilter = null export let initialSortColumn = null export let initialSortOrder = null @@ -117,6 +118,7 @@ datasource={table} {API} {stripeRows} + {quiet} {initialFilter} {initialSortColumn} {initialSortOrder} diff --git a/packages/frontend-core/src/components/grid/layout/Grid.svelte b/packages/frontend-core/src/components/grid/layout/Grid.svelte index 1d2220951c..b6c686fd62 100644 --- a/packages/frontend-core/src/components/grid/layout/Grid.svelte +++ b/packages/frontend-core/src/components/grid/layout/Grid.svelte @@ -39,6 +39,7 @@ export let canEditColumns = true export let canSaveSchema = true export let stripeRows = false + export let quiet = false export let collaboration = true export let showAvatars = true export let showControls = true @@ -91,6 +92,7 @@ canEditColumns, canSaveSchema, stripeRows, + quiet, collaboration, showAvatars, showControls, @@ -124,6 +126,7 @@ class:is-resizing={$isResizing} class:is-reordering={$isReordering} class:stripe={stripeRows} + class:quiet on:mouseenter={() => gridFocused.set(true)} on:mouseleave={() => gridFocused.set(false)} style="--row-height:{$rowHeight}px; --default-row-height:{DefaultRowHeight}px; --gutter-width:{GutterWidth}px; --max-cell-render-height:{MaxCellRenderHeight}px; --max-cell-render-width-overflow:{MaxCellRenderWidthOverflow}px; --content-lines:{$contentLines};" @@ -331,4 +334,9 @@ .grid-data-outer :global(.spectrum-Checkbox-partialCheckmark) { transition: none; } + + /* Overrides */ + .grid.quiet :global(.grid-data-content .row > .cell:not(:last-child)) { + border-right: none; + }