Bug 1291618 - Fix dropmarker position of command-button-frames in RTL locales r?ntim draft
authorRicky Chien <ricky060709@gmail.com>
Thu, 04 Aug 2016 16:21:53 +0800
changeset 396717 8340b6e93f46b91b8b746fa10d61cfa5adffe101
parent 396555 1576e7bc1bec7232e9e4ba78cce62526b1a6380b
child 527268 585ff6a85714ecbf8aa3c104f6f7af8c6da4d95f
push id25081
push userbmo:rchien@mozilla.com
push dateThu, 04 Aug 2016 08:59:09 +0000
reviewersntim
bugs1291618
milestone51.0a1
Bug 1291618 - Fix dropmarker position of command-button-frames in RTL locales r?ntim MozReview-Commit-ID: 8yd1J6tkxDT
devtools/client/themes/toolbox.css
--- a/devtools/client/themes/toolbox.css
+++ b/devtools/client/themes/toolbox.css
@@ -353,25 +353,29 @@
   background-image: var(--command-measure-image);
 }
 
 #command-button-frames::before {
   background-image: var(--command-frames-image);
 }
 
 #command-button-frames {
-  background: url("chrome://devtools/skin/images/dropmarker.svg") no-repeat right;
+  background: url("chrome://devtools/skin/images/dropmarker.svg") no-repeat;
 
   /* Override background-size from the command-button.
    The drop down arrow is smaller */
   background-size: 8px 4px !important;
   min-width: 32px;
 }
 
-#command-button-frames:-moz-dir(rtl) {
+#command-button-frames:-moz-locale-dir(ltr) {
+  background-position: right;
+}
+
+#command-button-frames:-moz-locale-dir(rtl) {
   background-position: left;
 }
 
 /* Toolbox panels */
 
 .toolbox-panel {
   display: -moz-box;
   -moz-box-flex: 1;