fixes issue where .first-sub of vertical dropdown menus rendered in the wrong locatio...

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index dd225df987aad0747700855c6e31155f5694e9f7..e67e2caaa67f2c6c24be8cef132d2e4a72e43ae2 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -36,11 +36,23 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
     a {
       @include disable-mouse-outline;
     }
+    &:not(.vertical) {
 
+    }
     .no-js & ul {
       display: none;
     }
 
+    &:not(.vertical) {
+      .is-dropdown-submenu {
+        &.first-sub {
+          top: 100%;
+          #{$global-left}: 0;
+          #{$global-right}: auto;
+        }
+      }
+    }
+
     &.align-right {
       .is-dropdown-submenu.first-sub {
         top: 100%;
@@ -117,6 +129,7 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
     }
   }
 
+
   .is-dropdown-submenu {
     display: none;
     position: absolute;
@@ -137,11 +150,6 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
       width: 100%;
     }
 
-    &.first-sub {
-      top: 100%;
-      #{$global-left}: 0;
-      #{$global-right}: auto;
-    }
 
     // [TODO] Cut back specificity
     // scss-lint:disable SelectorDepth