CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-09 23:28:01 +12:00
Code Issues Projects Releases Wiki Activity

Updated the nav item body text to ensure it was truncated. The selected by Avatar was being pushed out of view. Hover text added

Browse source
This commit is contained in:
Dean 2023-09-26 10:58:56 +01:00
parent f17ac2c98b
commit d7a8b5f2b7
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/builder/src/components/common/NavItem.svelte
View file

@ -102,7 +102,7 @@
</div>
{/if}
<div class="text" title={showTooltip ? text : null}>
{text}
<span title={text}>{text}</span>
{#if selectedBy}
<UserAvatars size="XS" users={selectedBy} />
{/if}
@ -227,9 +227,6 @@
.text {
font-weight: 600;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1 1 auto;
color: var(--spectrum-global-color-gray-900);
order: 2;
@ -238,6 +235,11 @@
align-items: center;
gap: 8px;
}
.text span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.scrollable .text {
flex: 0 0 auto;
max-width: 160px;