Bug 1260297 - Force LTR direction for the eydropper color value so the # character doesn't move depending on colour in RTL locales. r?jryans draft
authorIan Moody <moz-ian@perix.co.uk>
Sat, 02 Jul 2016 22:49:52 +0100
changeset 383402 4778207f5a06936befd0c9c8a70f9d75398e5eb6
parent 383328 39dffbba764210b25bfc1e749b4f16db77fa0d46
child 524466 cc8ab45941dcd599d49af189cc863bb02b80fbd8
push id22012
push usermoz-ian@perix.co.uk
push dateSun, 03 Jul 2016 18:27:34 +0000
reviewersjryans
bugs1260297
milestone50.0a1
Bug 1260297 - Force LTR direction for the eydropper color value so the # character doesn't move depending on colour in RTL locales. r?jryans MozReview-Commit-ID: 3T5kjXB3i8d
devtools/client/themes/eyedropper.css
--- a/devtools/client/themes/eyedropper.css
+++ b/devtools/client/themes/eyedropper.css
@@ -25,16 +25,18 @@
 
 #color-value-box {
   background-color: #E0E0E0;
   border-radius: 1px;
   width: 150px;
 }
 
 #color-value {
+  /* avoid the # appearing at the end for some colours in RTL locales */
+  direction: ltr;
   padding: 0.3em;
   text-shadow: 1px 1px 1px #fff;
 }
 
 #color-value.highlight {
   font-family: inherit;
 }