Bug 1362841 - Mirror the theme icons in customize mode in RTL to match the UI. r=gijs, a=RyanVM
authorP Kausthubh S <spkausthubh@gmail.com>
Sat, 15 Dec 2018 09:40:19 +0000
changeset 509045 3df85c62c1d86e1f515f23f1b06268bdc14cfcda
parent 509044 d55ede8c39ff502e2e54cac78ef4be87256dd84c
child 509046 887995c16f49c22033058c978a6fe6f940e50bf4
push id1905
push userffxbld-merge
push dateMon, 21 Jan 2019 12:33:13 +0000
treeherdermozilla-release@c2fca1944d8c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgijs, RyanVM
bugs1362841
milestone65.0
Bug 1362841 - Mirror the theme icons in customize mode in RTL to match the UI. r=gijs, a=RyanVM
browser/themes/shared/customizableui/customizeMode.inc.css
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -426,16 +426,27 @@ toolbarpaletteitem[place=toolbar] > tool
 .customization-lwtheme-menu-footeritem:hover {
   background: linear-gradient(var(--arrowpanel-dimmed) 40%, transparent) padding-box;
 }
 
 .customization-lwtheme-menu-footeritem:first-child {
   border-inline-end: 1px solid var(--panel-separator-color);
 }
 
+.customization-uidensity-menuitem > .menu-iconic-left > .menu-iconic-icon:-moz-locale-dir(rtl),
+.customization-lwtheme-menu-theme > .toolbarbutton-icon:-moz-locale-dir(rtl) {
+  transform: scaleX(-1);
+}
+
+#customization-uidensity-button > .box-inherit > .box-inherit > .button-icon:-moz-locale-dir(rtl),
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon:-moz-locale-dir(rtl) {
+  transform: scaleX(-1);
+}
+
+
 #customization-panelWrapper > .panel-arrowcontent {
   color: var(--arrowpanel-color);
   background: var(--arrowpanel-background);
   background-clip: padding-box;
 %ifdef XP_MACOSX
   /* Native styling adds more 'oompf' to the popup box-shadow, so simulate that
    * as best as we can here: */
   box-shadow: 0 0 1px hsla(0,0%,0%,.3), 0 4px 10px hsla(0,0%,0%,.3);