fix: header dropdown styling (#335)

ietf-tools · Sep 22, 2023 · c93ccc9 · c93ccc9
1 parent bbd981b
commit c93ccc9
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/ietf/templates/includes/styles/header.scss b/ietf/templates/includes/styles/header.scss
@@ -6,11 +6,24 @@
 
     .dropdown-menu {
         background-color: #FFF;
+        border-radius: 5px;
         box-shadow: $box-shadow;
 
         .dropdown-item:focus, .dropdown-item:hover {
-            background-color: #EEE;
+            background-color: rgba(0,0,0,.25);
             color: $dark;
+
+            @at-root body:not(.iab_body) & {
+                background-color: rgba(0,0,0,.1);
+            }
+        }
+
+        .dropdown-item.active, .dropdown-item:active {
+            background-color: rgba(0,0,0, .25);
+
+            @at-root body:not(.iab_body) & {
+                background-color: rgba(#1762bb, .1);
+            }
         }
     }