diff --git a/packages/frontend-core/src/components/grid/cells/DataCell.svelte b/packages/frontend-core/src/components/grid/cells/DataCell.svelte index 5a2e02340f..59e81b3081 100644 --- a/packages/frontend-core/src/components/grid/cells/DataCell.svelte +++ b/packages/frontend-core/src/components/grid/cells/DataCell.svelte @@ -19,6 +19,7 @@ export let updateValue = rows.actions.updateValue export let invertX = false export let invertY = false + export let contentLines = 1 const emptyError = writable(null) @@ -84,5 +85,6 @@ {readonly} {invertY} {invertX} + {contentLines} /> diff --git a/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte b/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte index f3b6b9b59d..9be26d9520 100644 --- a/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte +++ b/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte @@ -12,6 +12,7 @@ export let api export let invertX = false export let invertY = false + export let contentLines let isOpen = false let focusedOptionIdx = null @@ -86,7 +87,11 @@ class:open on:click|self={editable ? open : null} > -
+
1} + on:click={editable ? open : null} + > {#each values as val} {@const color = getOptionColor(val)} {#if color} @@ -160,6 +165,9 @@ grid-row-gap: var(--cell-padding); overflow: hidden; padding: var(--cell-padding); + flex-wrap: nowrap; + } + .values.wrap { flex-wrap: wrap; } .text { diff --git a/packages/frontend-core/src/components/grid/layout/GridRow.svelte b/packages/frontend-core/src/components/grid/layout/GridRow.svelte index eb1fd8b96a..ff182d4ec2 100644 --- a/packages/frontend-core/src/components/grid/layout/GridRow.svelte +++ b/packages/frontend-core/src/components/grid/layout/GridRow.svelte @@ -15,6 +15,7 @@ selectedCellMap, focusedRow, columnHorizontalInversionIndex, + contentLines, } = getContext("grid") $: rowSelected = !!$selectedRows[row._id] @@ -44,6 +45,7 @@ focused={$focusedCellId === cellId} selectedUser={$selectedCellMap[cellId]} width={column.width} + contentLines={$contentLines} /> {/each}
diff --git a/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte b/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte index 6f10c30695..44be0777cf 100644 --- a/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte +++ b/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte @@ -21,6 +21,7 @@ focusedRow, scrollLeft, dispatch, + contentLines, } = getContext("grid") $: rowCount = $rows.length @@ -85,6 +86,7 @@ selectedUser={$selectedCellMap[cellId]} width={$stickyColumn.width} column={$stickyColumn} + contentLines={$contentLines} /> {/if}