Bug 1224129 - Fix direction of boxmodel margin, size and element size in RTL locales draft
authorTomer Cohen <tomer@tomercohen.com>
Fri, 20 Jan 2017 22:40:59 +0200
changeset 464353 3b71398fec64ff69c5b4a82c35ba40307302a04c
parent 464245 17a0af50a803f352e580ae0c81a4675eb52cbece
child 464545 4a4a03abe4e7a61547e393d3f670b5238f23acf0
push id42331
push userbmo:tomer.moz.bugs@tomercohen.com
push dateFri, 20 Jan 2017 20:41:49 +0000
bugs1224129
milestone53.0a1
Bug 1224129 - Fix direction of boxmodel margin, size and element size in RTL locales MozReview-Commit-ID: BguR7fGIHdL
devtools/client/themes/boxmodel.css
--- a/devtools/client/themes/boxmodel.css
+++ b/devtools/client/themes/boxmodel.css
@@ -117,16 +117,18 @@
   margin: 0;
   text-align: center;
 }
 
 #boxmodel-main > p > span,
 #boxmodel-main > p > input {
   vertical-align: middle;
   pointer-events: auto;
+  unicode-bidi: embed;
+  direction: ltr;
 }
 
 /* Coordinates for the region sizes */
 
 .boxmodel-top,
 .boxmodel-bottom {
   width: calc(100% - 2px);
   text-align: center;
@@ -245,14 +247,15 @@
 .boxmodel-size > span {
   cursor: default;
 }
 
 /* Box Model Info: contains the position and size of the element */
 
 #boxmodel-element-size {
   flex: 1;
+  direction: ltr;
 }
 
 #boxmodel-position-group {
   display: flex;
   align-items: center;
 }