fix(a11y): add outlines to all dropdown buttons

YesWiki · Jun 24, 2024 · cff7edb · cff7edb
1 parent fef6a1f
commit cff7edb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/styles/margot-base/components/buttons.css b/styles/margot-base/components/buttons.css
@@ -197,5 +197,7 @@
     }
 }
 
-
-
+#yw-container .dropdown-toggle:focus {
+  /* reset bootstrap: a11y: all buttons should have an outline */
+  outline: 5px auto;
+}
diff --git a/styles/margot-base/partials/navbar.css b/styles/margot-base/partials/navbar.css
@@ -204,10 +204,6 @@
 
 /* ----------------- */
 .navbar-btn { margin: 0 } /* reset bootstrap */
-#yw-topnav .btn, #yw-topnav .btn:hover, #yw-topnav .btn:focus {
-  outline: none;
-}
-
 #yw-topnav .navbar-nav > li > a.btn {
   margin: 0 .5rem;
 }
@@ -420,4 +416,4 @@
 
 #LoginModal input[name="login"], .login-form [type="submit"], .login-form-dropdown [type="submit"] {
   margin-top: 1rem;
-}
+}