From: pine3ree <pine3ree@gmail.com>
Date: Fri, 4 Nov 2016 16:30:40 +0000 (+0100)
Subject: revert to static margin for arrow middle vertical alignment
X-Git-Tag: v6.3-rc1~4^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2d397d6dc49456e77a74191f9a3b965bd8481e56;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

revert to static margin for arrow middle vertical alignment
---

diff --git a/scss/components/_accordion-menu.scss b/scss/components/_accordion-menu.scss
index 9f4c0e0eb..b8082c306 100644
--- 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 31732ad60..3bfb0dd48 100644
--- 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 4063f343e..3f6f991ff 100644
--- 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 {