Bug 1364702 - [RTL] mirror the back button in toolbarbutton-icons.inc.css like other buttons, and also mirror the forward button for Photon (non-Photon forward button is handled in browser.css). r?johannh draft
authorDão Gottwald <dao@mozilla.com>
Sat, 13 May 2017 20:34:27 +0200
changeset 577369 fdba44f0fac22eaea20eac2acfedcbbdd1719598
parent 577357 ab19a7701115b5c79f385b6e851301315923df8a
child 628489 b847027abb4555b988ef1a2222caa00a0728e322
push id58678
push userdgottwald@mozilla.com
push dateSat, 13 May 2017 18:35:36 +0000
reviewersjohannh
bugs1364702
milestone55.0a1
Bug 1364702 - [RTL] mirror the back button in toolbarbutton-icons.inc.css like other buttons, and also mirror the forward button for Photon (non-Photon forward button is handled in browser.css). r?johannh MozReview-Commit-ID: 4NyxmmYlmcM
browser/themes/shared/toolbarbutton-icons.inc.css
browser/themes/shared/toolbarbuttons.inc.css
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
@@ -12,21 +12,29 @@
 toolbar[brighttext] :-moz-any(@primaryToolbarButtons@) {
   fill: var(--toolbarbutton-icon-fill-inverted);
 }
 
 #back-button {
   list-style-image: url("chrome://browser/skin/back-large.svg");
 }
 
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+  transform: scaleX(-1);
+}
+
 #forward-button {
   list-style-image: url("chrome://browser/skin/forward.svg");
 }
 
 %ifdef MOZ_PHOTON_THEME
+#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+  transform: scaleX(-1);
+}
+
 #reload-button {
   list-style-image: url("chrome://browser/skin/reload.svg");
 }
 
 #stop-button {
   list-style-image: url("chrome://browser/skin/stop.svg");
 }
 %endif
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -357,20 +357,16 @@ toolbar[brighttext] .toolbarbutton-1 > .
 #back-button > .toolbarbutton-icon {
 %ifdef MOZ_PHOTON_THEME
   border-color: var(--backbutton-border-color) !important;
 %endif
   border-radius: 10000px !important;
   padding: 7px !important;
 }
 
-#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
-  transform: scaleX(-1);
-}
-
 %ifdef MOZ_PHOTON_THEME
 #back-button:not(:hover):not(:active):not([open=true]) > .toolbarbutton-icon,
 #back-button[disabled=true] > .toolbarbutton-icon {
   background: var(--backbutton-background) !important;
 }
 %endif
 
 /* bookmarks menu-button */