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

Add default value to contentLines

This commit is contained in:
Andrew Kingston 2023-04-26 12:04:41 +01:00
parent 91b2f4165d
commit c691dafc39
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend-core/src/components/grid/cells/OptionsCell.svelte
View File

@ -12,7 +12,7 @@
export let api export let api
export let invertX = false export let invertX = false
export let invertY = false export let invertY = false
export let contentLines export let contentLines = 1
let isOpen = false let isOpen = false
let focusedOptionIdx = null let focusedOptionIdx = null

10
packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte
View File

@ -29,6 +29,7 @@
export let onChange export let onChange
export let invertX = false export let invertX = false
export let invertY = false export let invertY = false
export let contentLines = 1
const { API, dispatch } = getContext("grid") const { API, dispatch } = getContext("grid")
const color = getColor(0) const color = getColor(0)
@ -243,7 +244,11 @@
<div class="wrapper" class:editable class:focused style="--color:{color};"> <div class="wrapper" class:editable class:focused style="--color:{color};">
<div class="container"> <div class="container">
<div class="values" on:wheel={e => (focused ? e.stopPropagation() : null)}> <div
class="values"
class:wrap={editable || contentLines > 1}
on:wheel={e => (focused ? e.stopPropagation() : null)}
>
{#each value || [] as relationship, idx} {#each value || [] as relationship, idx}
{#if relationship.primaryDisplay} {#if relationship.primaryDisplay}
<div class="badge"> <div class="badge">
@ -376,6 +381,9 @@
grid-row-gap: var(--cell-padding); grid-row-gap: var(--cell-padding);
overflow: hidden; overflow: hidden;
padding: var(--cell-padding); padding: var(--cell-padding);
flex-wrap: nowrap;
}
.values.wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
.count { .count {