diff --git a/packages/frontend-core/src/components/sheet/cells/RelationshipCell.svelte b/packages/frontend-core/src/components/sheet/cells/RelationshipCell.svelte index ba9d303443..c90d81ed10 100644 --- a/packages/frontend-core/src/components/sheet/cells/RelationshipCell.svelte +++ b/packages/frontend-core/src/components/sheet/cells/RelationshipCell.svelte @@ -251,6 +251,11 @@ {/if} + {#if value?.length} +
+ {value?.length || 0} +
+ {/if} {#if isOpen} @@ -320,6 +325,8 @@ .container { min-height: var(--row-height); overflow: hidden; + display: flex; + align-items: flex-start; } .focused .container { overflow-y: auto; @@ -351,6 +358,22 @@ padding: var(--cell-padding); flex-wrap: wrap; } + .count { + display: none; + position: absolute; + top: 0; + right: 0; + color: var(--spectrum-global-color-gray-500); + padding: var(--cell-padding) var(--cell-padding) var(--cell-padding) 20px; + background: linear-gradient( + to right, + transparent 0%, + var(--cell-background) 40% + ); + } + .wrapper:hover:not(.focused) .count { + display: block; + } .badge { flex: 0 0 auto; padding: 0 var(--cell-padding); diff --git a/packages/frontend-core/src/components/sheet/overlays/MenuOverlay.svelte b/packages/frontend-core/src/components/sheet/overlays/MenuOverlay.svelte index e4542def69..9a5ad6830a 100644 --- a/packages/frontend-core/src/components/sheet/overlays/MenuOverlay.svelte +++ b/packages/frontend-core/src/components/sheet/overlays/MenuOverlay.svelte @@ -90,6 +90,6 @@ border-radius: 4px; display: flex; flex-direction: column; - box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.15); }