fix arrows direction and spacing in dropdown menus, fixes: #7037

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index 10dd040b60db492d4f29f0d7071fcbc5196c54f5..762a3476c20b911ec81ebc8d62c3294042eaa835 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -28,30 +28,30 @@ $dropdown-border: 1px solid $medium-gray !default;
       position: relative;
 
       a::after {
-        float: right;
+        float: $global-right;
         margin-top: 3px;
-        margin-left: 10px;
+        margin-#{$global-left}: 10px;
       }
 
       @if $dropdownmenu-arrows {
         &.is-down-arrow a {
-          padding-right: 1.5rem;
+          padding-#{$global-right}: 1.5rem;
           position: relative;
         }
         &.is-down-arrow > a::after {
           @include css-triangle(5px, $anchor-color, down);
           position: absolute;
-          top: 12px;
-          right: 5px;
+          top: rem-calc(2px) + rem-calc(nth($menu-item-padding, 1));
+          #{$global-right}: 5px;
         }
         &.is-left-arrow > a::after {
-          @include css-triangle(5px, $anchor-color, left);
+          @include css-triangle(5px, $anchor-color, $global-left);
           float: left;
           margin-left: 0;
           margin-right: 10px;
         }
         &.is-right-arrow > a::after {
-          @include css-triangle(5px, $anchor-color, right);
+          @include css-triangle(5px, $anchor-color, $global-right);
         }
       }