Browse Source

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

master
Andrew Kingston 6 years ago
parent
commit
1fdcb81f4b
  1. 7
      packages/builder/src/components/common/NavItem.svelte

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

@ -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 {

Loading…
Cancel
Save