Bug 1291618 - Fix dropmarker position of command-button-frames in RTL locales. r=ntim
authorRicky Chien <ricky060709@gmail.com>
Thu, 04 Aug 2016 16:21:53 +0800
changeset 308186 0636c302f407c4fd16e551a5ce0267a6df939002
parent 308185 e4ba059c2a80a125eabbab3a8aac1925a59bcd9f
child 308187 fc771254be8ff7a9fb11365787e0e136cd4bf225
push id20221
push usercbook@mozilla.com
push dateThu, 04 Aug 2016 14:48:25 +0000
treeherderfx-team@0636c302f407 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
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
@@ -344,25 +344,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;