fix(nav-item): hover underline on function slots (#2260)

* fix: hover underline --------- Co-authored-by: felixw <[email protected]>
telekom · Oct 24, 2024 · 6e8c380 · 6e8c380
1 parent c7828c0
commit 6e8c380
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css
@@ -205,6 +205,15 @@
   left: 0;
 }
 
+.scale-telekom-nav-list[variant='functions']
+  > .scale-telekom-nav-item
+  > :where(a, button):hover:after,
+.scale-telekom-nav-list[variant='functions']
+  > .scale-telekom-nav-item
+  > :where(button[aria-expanded='true']):after {
+  width: 100%;
+}
+
 .scale-telekom-nav-list[variant='main-nav']
   > .scale-telekom-nav-item
   > :where(a, button):has(scale-badge[label]):hover:after,