diff --git a/src/scss/components/_navigation-shell.scss b/src/scss/components/_navigation-shell.scss index e2df372..ebf001a 100644 --- a/src/scss/components/_navigation-shell.scss +++ b/src/scss/components/_navigation-shell.scss @@ -224,17 +224,9 @@ } @include media_down("md") { - .nav-topbar { - grid-template-columns: auto minmax(0, 1fr); - } - .nav-topbar-toggle { - min-width: $control-height-lg; + min-width: 54px; padding: 0 $space-3; - - span { - display: none; - } } .nav-topbar-brand { @@ -243,16 +235,17 @@ } .nav-topbar-current { - grid-column: 1 / -1; - width: 100%; + max-width: 38vw; min-width: 0; - margin: 0; - border-right: 0; - border-left: 0; + margin-right: $space-3; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .nav-drawer { - width: min(376px, 100vw); + width: 100vw; + border-right: 0; } } diff --git a/src/scss/components/_palette.scss b/src/scss/components/_palette.scss index f01f150..3309129 100644 --- a/src/scss/components/_palette.scss +++ b/src/scss/components/_palette.scss @@ -4,6 +4,7 @@ .palette { display: flex; flex-direction: row; + flex-wrap: wrap; gap: $space-sm; .color {