Display relationship header
This commit is contained in:
parent
1bf0f933f0
commit
76ae3a1331
1 changed files with 10 additions and 1 deletions
|
@ -220,10 +220,15 @@
|
||||||
{#if allowRelationshipSchemas}
|
{#if allowRelationshipSchemas}
|
||||||
<Popover
|
<Popover
|
||||||
on:close={() => (relationshipFieldName = null)}
|
on:close={() => (relationshipFieldName = null)}
|
||||||
open={!!relationshipField}
|
open={relationshipFieldName}
|
||||||
anchor={relationshipPanelAnchor}
|
anchor={relationshipPanelAnchor}
|
||||||
align="right-outside"
|
align="right-outside"
|
||||||
>
|
>
|
||||||
|
{#if relationshipPanelColumns.length}
|
||||||
|
<div class="relationship-header">
|
||||||
|
{relationshipFieldName} columns
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
<svelte:self
|
<svelte:self
|
||||||
columns={relationshipPanelColumns}
|
columns={relationshipPanelColumns}
|
||||||
permissions={[FieldPermissions.READONLY, FieldPermissions.HIDDEN]}
|
permissions={[FieldPermissions.READONLY, FieldPermissions.HIDDEN]}
|
||||||
|
@ -269,4 +274,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: var(--spacing-xs);
|
gap: var(--spacing-xs);
|
||||||
}
|
}
|
||||||
|
.relationship-header {
|
||||||
|
color: var(--spectrum-global-color-gray-600);
|
||||||
|
padding: 12px 12px 0 12px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue