- Align headers with items on dropdown.

2021-10-21 20:42:15 -05:00
parent 42ed785da5
commit b732b03a20
1 changed files with 11 additions and 5 deletions
--- a/scss/bootstrap/_dropdown.scss
+++ b/scss/bootstrap/_dropdown.scss
@@ -1,9 +1,15 @@
 // Place a nice stripe to the left of hovered dropdown menu items
-.dropdown-menu .dropdown-item {
-  border-left: 4px solid transparent;
-  transition: background-color .1s linear, border .1s linear;
+.dropdown-menu {
+  .dropdown-item {
+    border-left: 4px solid transparent;
+    transition: background-color .1s linear, border .1s linear;

-  &:hover {
-    border-left-color: $yellow; // $info;
+    &:hover {
+      border-left-color: $yellow; // $info;
+    }
+  }
+
+  .dropdown-header {
+    border-left: 4px solid transparent; // Align headers with items
  }
 }