diff --git a/.changeset/fair-starfishes-brake.md b/.changeset/fair-starfishes-brake.md new file mode 100644 index 00000000..fb58d718 --- /dev/null +++ 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 index 641e71d9..55a80da3 100644 --- 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 {