Ensure focused animation button appears above sticky nav (fixes #15764)

mozilla · Dec 19, 2024 · 99bde00 · 99bde00
1 parent d41aaf8
commit 99bde00
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/media/css/m24/flag.scss b/media/css/m24/flag.scss
@@ -55,6 +55,12 @@
     cursor: pointer;
     transition: background-color $fast;
 
+    // Focused button is always visible: https://bugzilla.mozilla.org/show_bug.cgi?id=1936862
+    &:focus {
+        position: relative;
+        z-index: 1001; // must be above .m24-navigation-refresh.m24-mzp-is-sticky
+    }
+
     &:hover,
     &:focus {
         background-color: $m24-color-black; // inverts to white in dark theme section