Blocking site header buttons's underline on hover (#715)

microsoft · Nov 5, 2024 · 920130e · 920130e
1 parent 4173db2
commit 920130e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/fair-starfishes-brake.md b/.changeset/fair-starfishes-brake.md
@@ -0,0 +1,5 @@
+---
+'@microsoft/atlas-css': minor
+---
+
+Blocking underlines on hover for site header buttons
diff --git a/css/src/components/site-header.scss b/css/src/components/site-header.scss
@@ -113,6 +113,8 @@ $site-header-panel-featured-section-border: 1px solid $table-border-dark !defaul
 		&:hover,
 		&.is-hovered,
 		&:focus-visible {
+			text-decoration: none;
+
 			&:not([aria-expanded='true']) {
 				@extend %site-header-hover-underline;
 			}
@@ -153,6 +155,8 @@ $site-header-panel-featured-section-border: 1px solid $table-border-dark !defaul
 		&.is-hovered,
 		&:focus-visible {
 			@extend %site-header-hover-underline;
+
+			text-decoration: none;
 		}
 
 		@include tablet {