Bug 1384654 - Horizontally flip the 'pin to overflow' animation during the fade out when in RTL. r=Gijs
authorJared Wein <jwein@mozilla.com>
Mon, 31 Jul 2017 10:23:33 -0400
changeset 372005 992636ea8646c921c5cb59c86b7287a6cd746143
parent 372004 2654a14d9b3bc18fe93300e359caf2093eb2a3f2
child 372006 0e724df2d505714cb63f3bd32e3b29f95f9c546e
push id32263
push userkwierso@gmail.com
push dateMon, 31 Jul 2017 23:43:31 +0000
treeherdermozilla-central@8b19670d12fd [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1384654
milestone56.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1384654 - Horizontally flip the 'pin to overflow' animation during the fade out when in RTL. r=Gijs MozReview-Commit-ID: 7OKoPYdPYNV
browser/themes/shared/toolbarbutton-icons.inc.css
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
@@ -398,16 +398,20 @@ toolbar:not([brighttext]) #bookmarks-men
   animation-name: overflow-animation-rtl;
 }
 
 #nav-bar-overflow-button[animate][fade] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
   animation-name: overflow-fade;
   animation-timing-function: ease-out;
   animation-duration: 730ms;
 }
+
+#nav-bar-overflow-button[animate][fade]:-moz-locale-dir(rtl) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
+  transform: scaleX(-1);
+}
 %endif
 
 #email-link-button@attributeSelectorForToolbar@ {
   list-style-image: url("chrome://browser/skin/mail.svg");
 }
 
 #sidebar-button@attributeSelectorForToolbar@ {
   list-style-image: url("chrome://browser/skin/sidebars-right.svg");