Bug 1288341 - Don't overlap layout-expander in RTL Locales. r=ntim
authorSteve Chung <schung@mozilla.com>
Thu, 04 Aug 2016 11:32:06 +0800
changeset 308217 c92d40e691765ebe7007a36749c673f89e83f364
parent 308216 027410f730d7567898e603289a3b6cd1cf774959
child 308218 17554bceff242ccf01aba3241ef86db484e7eba6
push id31092
push usercbook@mozilla.com
push dateFri, 05 Aug 2016 10:16:59 +0000
treeherderautoland@b97dd7dd3cb9 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim
bugs1288341
milestone51.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
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;