fix nav items

This commit is contained in:
Gerard Burns 2023-11-28 10:59:04 +00:00
parent b7a78b035d
commit 868253b74f
1 changed files with 6 additions and 2 deletions

View File

@ -78,7 +78,7 @@
{style} {style}
{draggable} {draggable}
> >
<div class="nav-item-content" bind:this={contentRef}> <div class="nav-item-content" bind:this={contentRef} class:right={rightAlignIcon}>
{#if withArrow} {#if withArrow}
<div <div
class:opened class:opened
@ -166,12 +166,16 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
gap: var(--spacing-xs); gap: var(--spacing-xs);
width: 100%; width: max-content;
position: relative; position: relative;
padding-left: var(--spacing-l); padding-left: var(--spacing-l);
box-sizing: border-box; box-sizing: border-box;
} }
.nav-item-content.right {
width: 100%;
}
/* Needed to fully display the actions icon */ /* Needed to fully display the actions icon */
.nav-item.scrollable .nav-item-content { .nav-item.scrollable .nav-item-content {
padding-right: 1px; padding-right: 1px;