Updater nav menu underline to support large fonts (fix #15635) (#15696)

* update menu text underline to support large fonts * update underline to better match design
mozilla · Dec 10, 2024 · 7538148 · 7538148
1 parent 3d0f9f7
commit 7538148
Showing 1 changed file with 3 additions and 11 deletions.
diff --git a/media/css/m24/components/navigation-refresh.scss b/media/css/m24/components/navigation-refresh.scss
@@ -114,17 +114,9 @@ $margin-top: 54px; // top margin offset for mobile navigation menu
     margin: 4px 0 0;
     padding: 0;
     position: relative;
-
-    &::after {
-        background: $color-black;
-        bottom: 4px;
-        content: "";
-        display: block;
-        height: 1px;
-        left: 0;
-        position: absolute;
-        width: 100%;
-    }
+    text-decoration: underline;
+    text-underline-offset: 2px;
+    text-decoration-thickness: 1px;
 
     &.mzp-is-active {
         background: transparent url('/media/protocol/img/icons/close.svg') center center no-repeat;