Vanilla fix for daattali#268

correct navebar-toggle :hover and aria-expanded colors on touchscreen devices
jennydaman · Oct 27, 2017 · a6b2252 · a6b2252
1 parent 0cc0adb
commit a6b2252
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/css/main.css b/css/main.css
@@ -784,12 +784,17 @@ color: #f1c40f;
   border: unset;
 }
 
-/* Fix navbar-toggle focus color */
+/* navbar-toggle button custom colors, overrides bootstrap.css */
 
-button.navbar-toggle.collapsed:focus {
-  background-color: transparent;
+.navbar-default button.navbar-toggle:focus {
+  background-color: initial;
 }
 
-button.navbar-toggle.collapsed:hover {
-  background-color: #ddd;  
+.navbar-default button.navbar-toggle:hover,
+.navbar-default button.navbar-toggle[aria-expanded="true"] {
+  background-color: #ddd;
+}
+
+.navbar-default button.navbar-toggle:hover[aria-expanded="false"] {
+  background-color: initial;  
 }