Make all dropdown menus auto drop on hover.

2024-09-13 01:17:31 -05:00
parent 57e993b536
commit 6182f81f82
4 changed files with 26 additions and 29 deletions
--- a/scss/bootstrap/_dropdown.scss
+++ b/scss/bootstrap/_dropdown.scss
@@ -0,0 +1,25 @@
+// Make dropdown menus auto drop
+@include media-breakpoint-up(md) {
+  .dropdown {
+    .dropdown-menu {
+      display: block;
+      opacity: 0;
+      transition: all .15s linear;
+      pointer-events: none; // Prevent auto show when mouse is below top menu item
+      min-width: 190px;
+    }
+
+    &:hover {
+      .dropdown-menu {
+        display: block;
+        opacity: 1;
+        pointer-events: auto; // Prevent auto hide when mouse is in dropdown menu
+      }
+    }
+
+    .dropdown-menu-end {
+      right: 0;
+      left: auto;
+    }
+  }
+}