revert to static margin for arrow middle vertical alignment

diff --git a/scss/components/_accordion-menu.scss b/scss/components/_accordion-menu.scss
index 9f4c0e0eb4c194db3a855c6e344e9ed1a53115cf..b8082c3069cb42deddca736102f390d27a82670f 100644 (file)
--- a/scss/components/_accordion-menu.scss
+++ b/scss/components/_accordion-menu.scss
@@ -23,14 +23,14 @@ $accordionmenu-arrow-size: 6px !default;
         @include css-triangle($accordionmenu-arrow-size, $accordionmenu-arrow-color, down);
         position: absolute;
         top: 50%;
-        transform: translateY(-50%);
+        margin-top: -1 * ($accordionmenu-arrow-size / 2);
         right: 1rem;
       }
     }
 
     .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
       transform-origin: 50% 50%;
-      transform: scaleY(-1) translateY(50%);
+      transform: rotate(180deg);
     }
   }
 }

diff --git a/scss/components/_drilldown.scss b/scss/components/_drilldown.scss
index 31732ad60a1b5570b380ac74548218d43648c2cd..3bfb0dd488d7c91dc518d4b7b65eb94872361135 100644 (file)
--- a/scss/components/_drilldown.scss
+++ b/scss/components/_drilldown.scss
@@ -71,7 +71,7 @@ $drilldown-background: $white !default;
         @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-right);
         position: absolute;
         top: 50%;
-        transform: translateY(-50%);
+        margin-top: -1 * $drilldown-arrow-size;
         #{$global-right}: 1rem;
       }
     }

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index 4063f343e27f8220e2bc10d1aa5bc4862ac3bc97..3f6f991ff7808e5a6223b2a59ef5812213ae3925 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -76,6 +76,7 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
       > li.is-dropdown-submenu-parent > a::after {
         @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, down);
         #{$global-right}: 5px;
+        margin-top: -1 * ($dropdownmenu-arrow-size / 2);
       }
     }
   }
@@ -163,7 +164,7 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
       position: absolute;
       top: 50%;
       #{$global-right}: 5px;
-      transform: translateY(-50%);
+      margin-top: -1 * $dropdownmenu-arrow-size;
     }
 
     &.opens-inner > .is-dropdown-submenu {