Fix caret position for Dropdown in a bottom navbar

a9e7abd2 · Johann-S · 10112976 · a9e7abd2
Commit a9e7abd2 authored 7 years ago by Johann-S
Hide whitespace changes
Inline Side-by-side

Showing

with 16 additions and 5 deletions
+16 -5
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -75,11 +75,10 @@
    float: none;
  }
-  .dropup {
+  .dropdown-toggle {
-    .dropdown-menu {
+    &::after {
-      position: absolute;
+      border-top: $caret-width solid;
-      top: auto;
+      border-bottom: 0;
-      bottom: 100%;
    }
  }
 }
@@ -152,6 +151,18 @@
          padding-right: 0;
          padding-left: 0;
        }
+        .dropup {
+          .dropdown-menu {
+            position: absolute;
+            top: auto;
+            bottom: 100%;
+          }
+          .dropdown-toggle {
+            @include caret(up);
+          }
+        }
      }
      @include media-breakpoint-up($next) {