From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 29 Jan 2020 16:40:36 +0000 (+0100)
Subject: Further tweaks to the navigation dropdown button colours
X-Git-Tag: live~2969^2~1
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/b97d2d98aef3d863d061b7c70857b19319365a8e?ds=sidebyside;hp=--cc

Further tweaks to the navigation dropdown button colours
---

b97d2d98aef3d863d061b7c70857b19319365a8e
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index c0e0a3686..540c887b3 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -205,6 +205,17 @@ nav.primary {
       }
     }
   }
+
+  // Small tweaks to the toggle to stop the primary colour showing through
+  // when the menu is shown
+  .show > .btn-outline-primary.dropdown-toggle {
+    background-color: $green;
+    border-color: $green;
+
+    &:focus {
+      box-shadow: 0 0 0 0.2rem fade-out($green, 0.5);
+    }
+  }
 }
 
 nav.secondary {
@@ -233,6 +244,16 @@ nav.secondary {
       &:hover {
         border-color: $grey;
       }
+      &:focus {
+        background-color: white;
+        box-shadow: none;
+      }
+    }
+    &.show .btn-outline-secondary {
+      background-color: white;
+      &:focus {
+        box-shadow: none;
+      }
     }
   }