Bug 1384654 - Horizontally flip the 'pin to overflow' animation during the fade out when in RTL. r?gijs draft
authorJared Wein <jwein@mozilla.com>
Mon, 31 Jul 2017 10:23:33 -0400
changeset 618480 5ce200fa92fbf93f69c8ca1fb5747d540621c1b5
parent 617134 a4afa89bfdd10a903cfa9aa5a5bd1624dc85548c
child 640087 f2afab42849e352396b1ee23c462462f07796408
push id71352
push userbmo:jaws@mozilla.com
push dateMon, 31 Jul 2017 15:28:02 +0000
reviewersgijs
bugs1384654
milestone56.0a1
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");