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
--- 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;
}