Bug 1365024 - Mirror the Reload button icon in RTL locales. r?johannh
MozReview-Commit-ID: GlUC3gGDq9O
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
@@ -8,33 +8,35 @@
-moz-context-properties: fill;
fill: var(--toolbarbutton-icon-fill);
}
toolbar[brighttext] :-moz-any(@primaryToolbarButtons@) {
fill: var(--toolbarbutton-icon-fill-inverted);
}
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+%ifdef MOZ_PHOTON_THEME
+#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+#reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+%endif
+#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
+#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
#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
@@ -166,35 +168,27 @@ toolbar:not([brighttext]) #bookmarks-men
#zoom-controls:not(@inAnyPanel@) > #zoom-in-button {
list-style-image: url("chrome://browser/skin/zoom-in.svg");
}
#nav-bar-overflow-button {
list-style-image: url("chrome://browser/skin/chevron.svg");
}
-#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
- transform: scaleX(-1);
-}
-
#email-link-button[cui-areatype="toolbar"] {
list-style-image: url("chrome://browser/skin/mail.svg");
}
#sidebar-button[cui-areatype="toolbar"] {
list-style-image: url("chrome://browser/skin/sidebars.svg");
}
#panic-button[cui-areatype="toolbar"] {
list-style-image: url("chrome://browser/skin/forget.svg");
}
#panic-button[cui-areatype="toolbar"][open] {
fill: rgb(213, 32, 20);
}
-#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
- transform: scaleX(-1);
-}
-
#webide-button[cui-areatype="toolbar"] {
list-style-image: url("chrome://browser/skin/webIDE.svg");
}