CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-20 03:08:18 +12:00
Code Issues Projects Releases Wiki Activity

PR comments

Browse source
This commit is contained in:
Adria Navarro 2024-09-03 11:15:47 +02:00
parent 156b70f9ef
commit 00f8f386d3
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte
View file

@ -273,6 +273,7 @@
<div <div
class="values" class="values"
class:wrap={editable || contentLines > 1} class:wrap={editable || contentLines > 1}
class:disabled={!focused}
on:wheel={e => (focused ? e.stopPropagation() : null)} on:wheel={e => (focused ? e.stopPropagation() : null)}
> >
{#each fieldValue || [] as relationship} {#each fieldValue || [] as relationship}
@ -357,8 +358,8 @@
</GridPopover> </GridPopover>
{/if} {/if}
{#if relationshipFields} {#if showRelationshipFields}
<GridPopover open={showRelationshipFields} {anchor}> <GridPopover {anchor} minWidth={300} maxWidth={400}>
<div class="relationship-fields"> <div class="relationship-fields">
{#each Object.entries(relationshipFields) as [fieldName, fieldValue]} {#each Object.entries(relationshipFields) as [fieldName, fieldValue]}
<div class="relationship-field-name"> <div class="relationship-field-name">
@ -426,6 +427,9 @@
padding: var(--cell-padding); padding: var(--cell-padding);
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.values.disabled {
pointer-events: none;
}
.values.wrap { .values.wrap {
flex-wrap: wrap; flex-wrap: wrap;
} }
@ -539,9 +543,9 @@
.relationship-fields { .relationship-fields {
margin: var(--spacing-m) var(--spacing-l); margin: var(--spacing-m) var(--spacing-l);
display: grid; display: grid;
grid-template-columns: minmax(auto, 70%) minmax(auto, 30%); grid-template-columns: minmax(auto, 50%) auto;
grid-row-gap: var(--spacing-m); grid-row-gap: var(--spacing-m);
grid-column-gap: var(--cell-spacing); grid-column-gap: var(--spacing-m);
} }
.relationship-field-name { .relationship-field-name {