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}