Apply opacity like it's being done for FluentNavItem (#4648)

MarvinKlein1508 · web-flow · commit 0625bb0d7a6e · 2026-03-27T15:30:46.000+01:00
diff --git a/src/Core/Components/NavMenu/FluentNavMenu.razor.css b/src/Core/Components/NavMenu/FluentNavMenu.razor.css
@@ -34,14 +34,17 @@
     }
 
 ::deep .fluent-nav-group.disabled {
-    color: var(--neutral-fill-secondary-rest) !important;
     pointer-events: none;
 }
 
     ::deep .fluent-nav-group.disabled .fluent-nav-icon {
         fill: var(--neutral-stroke-rest) !important;
     }
 
+    ::deep .fluent-nav-group.disabled .fluent-nav-text {
+        opacity: var(--disabled-opacity);
+    }
+
 [dir='rtl'] * ::deep .fluent-nav-item a.active .positioning-region::before {
     left: unset;
 }

Original file line number	Diff line number	Diff line change
`@@ -34,14 +34,17 @@`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`::deep .fluent-nav-group.disabled {`
`37`		`- color: var(--neutral-fill-secondary-rest) !important;`
`38`	`37`	`pointer-events: none;`
`39`	`38`	`}`
`40`	`39`
`41`	`40`	`::deep .fluent-nav-group.disabled .fluent-nav-icon {`
`42`	`41`	`fill: var(--neutral-stroke-rest) !important;`
`43`	`42`	`}`
`44`	`43`
	`44`	`+ ::deep .fluent-nav-group.disabled .fluent-nav-text {`
	`45`	`+ opacity: var(--disabled-opacity);`
	`46`	`+ }`
	`47`	`+`
`45`	`48`	`[dir='rtl'] * ::deep .fluent-nav-item a.active .positioning-region::before {`
`46`	`49`	`left: unset;`
`47`	`50`	`}`