Fix caret position for Dropdown in a bottom navbar

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index f8e5ce2914d0eb26e71513527dff8a644c29b392..a0ccc06fb7101078ff28a92a1ff6891d8b9996bc 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -75,11 +75,10 @@
     float: none;
   }
 
-  .dropup {
-    .dropdown-menu {
-      position: absolute;
-      top: auto;
-      bottom: 100%;
+  .dropdown-toggle {
+    &::after {
+      border-top: $caret-width solid;
+      border-bottom: 0;
     }
   }
 }
@@ -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) {