CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-03 10:36:59 +13:00
Code Issues Projects Releases Wiki Activity

Reduce padding and indentation in nav items to provide more room for text

Browse source
This commit is contained in:
Andrew Kingston 2020-11-05 11:48:49 +00:00
parent 80685864f6
commit 1fdcb81f4b
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,7 +14,7 @@
class="nav-item" class="nav-item"
class:border class:border
class:selected class:selected
style={`padding-left: ${indentLevel * 18}px`} style={`padding-left: ${indentLevel * 14}px`}
{draggable} {draggable}
on:dragend on:dragend
on:dragstart on:dragstart
@ -65,7 +65,7 @@
} }
.content { .content {
padding: 0 var(--spacing-m); padding: 0 var(--spacing-s);
height: 32px; height: 32px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -97,6 +97,9 @@
flex: 1 1 auto; flex: 1 1 auto;
font-weight: 500; font-weight: 500;
font-size: var(--font-size-xs); font-size: var(--font-size-xs);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.actions { .actions {