From 6e8c38027a861babd28e8925dcc5db1c87a4b05d Mon Sep 17 00:00:00 2001 From: felix-ico <97440128+felix-ico@users.noreply.github.com> Date: Thu, 24 Oct 2024 10:23:31 +0200 Subject: [PATCH] fix(nav-item): hover underline on function slots (#2260) * fix: hover underline --------- Co-authored-by: felixw --- .../telekom/telekom-nav-item/telekom-nav-item.css | 9 +++++++++ 1 file changed, 9 insertions(+) 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 index ab7246040f..86a00b32ea 100644 --- 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,