Bug 1288341 - Don't overlap layout-expander in RTL Locales. r=ntim draft
authorSteve Chung <schung@mozilla.com>
Thu, 04 Aug 2016 11:32:06 +0800
changeset 396659 dcf16664ee7be69f139c880e85b58ae0262de360
parent 395936 2cbf2945a1f014ec561569d45fe02ac95ba83194
child 397111 b924ea5be49b97b1ff8c62a6002d2cdf7e12ed38
push id25068
push userschung@mozilla.com
push dateThu, 04 Aug 2016 07:33:12 +0000
reviewersntim
bugs1288341
milestone51.0a1
Bug 1288341 - Don't overlap layout-expander in RTL Locales. r=ntim MozReview-Commit-ID: Gp4SeTZctIT
devtools/client/themes/computed.css
--- a/devtools/client/themes/computed.css
+++ b/devtools/client/themes/computed.css
@@ -59,17 +59,17 @@
 }
 
 .property-view-hidden,
 .property-content-hidden {
   display: none;
 }
 
 .property-view {
-  padding: 2px 0 2px 17px;
+  padding: 2px 17px;
   display: flex;
   flex-wrap: wrap;
 }
 
 .property-name-container {
   width: 202px;
 }
 
@@ -128,17 +128,21 @@
 
 .theme-firebug .property-view {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 /* From skin */
 .expander {
   visibility: hidden;
-  margin-left: -12px !important;
+  margin-inline-start: -12px !important;
+}
+
+.expander:-moz-locale-dir(rtl) {
+  transform: scaleX(-1);
 }
 
 .expandable {
   visibility: visible;
 }
 
 .match {
   visibility: hidden;