From cff7edbee68bbe67e37f67dd661c34f2bc74c563 Mon Sep 17 00:00:00 2001
From: ppom <yeswiki@ppom.me>
Date: Thu, 9 May 2024 12:00:00 +0200
Subject: [PATCH] fix(a11y): add outlines to all dropdown buttons

---
 styles/margot-base/components/buttons.css | 6 ++++--
 styles/margot-base/partials/navbar.css    | 6 +-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/styles/margot-base/components/buttons.css b/styles/margot-base/components/buttons.css
index 2b57b19..6111f04 100644
--- 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
index 53ae16a..98831ce 100644
--- 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;
-}
+}
\ No newline at end of file