Update Current Navigation to version 1.1.3 with improved styling and updated asset validation

This commit is contained in:
Torsten Brendgen
2026-08-18 20:20:11 +02:00
parent 0931257aa6
commit 9b73bb4614
7 changed files with 28 additions and 20 deletions
@@ -3,14 +3,14 @@
:global {
#CurrentNavigationHost {
width: 100%;
border-top: 1px solid $ms-color-neutralLight;
border-top: 1px solid "[theme: neutralLight, default: #edebe9]";
}
.current-navigation {
width: 100%;
color: $ms-color-neutralPrimary;
font-family: $ms-font-family-fallbacks;
font-size: $ms-font-size-s;
font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
font-size: 14px;
}
.current-navigation ul {
@@ -29,6 +29,16 @@
min-height: 36px;
}
.current-navigation-row:hover,
.current-navigation-row:focus-within {
background: $ms-color-neutralLighter;
color: $ms-color-themePrimary;
}
.current-navigation-row:active {
background: $ms-color-neutralLight;
}
.current-navigation-toggle,
.current-navigation-toggle-spacer {
flex: 0 0 32px;
@@ -44,13 +54,14 @@
padding: 0;
border: 0;
background: transparent;
color: $ms-color-neutralSecondary;
color: inherit;
cursor: pointer;
font: inherit;
}
.current-navigation-toggle:hover {
background: $ms-color-neutralLighter;
color: $ms-color-neutralPrimary;
background: transparent;
color: inherit;
}
.current-navigation-chevron {
@@ -59,7 +70,6 @@
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: rotate(-45deg);
transition: transform 120ms ease;
}
.current-navigation-item[aria-expanded='true'] > .current-navigation-row .current-navigation-chevron {
@@ -82,8 +92,8 @@
.current-navigation-label:hover,
.current-navigation-label:focus {
background: $ms-color-neutralLighter;
color: $ms-color-themePrimary;
background: transparent;
color: inherit;
}
.current-navigation-label:focus {
@@ -101,10 +111,6 @@
display: none;
}
@media (prefers-reduced-motion: reduce) {
.current-navigation-chevron { transition: none; }
}
@media (forced-colors: active) {
.current-navigation-label:focus { outline: 2px solid CanvasText; }
}