Bug 1288884 - force direction LTR in autocomplete popups;r=bgrins
authorJulian Descottes <jdescottes@mozilla.com>
Mon, 25 Jul 2016 10:45:03 +0200
changeset 347277 e546cb06c2872bf90fa42d00fc311c580bd33a1f
parent 347276 0cb2c7646aa072218accaf14615a2d4ba4408133
child 347278 890f2ada97ac7069caa65ea6d472722423868488
push id6389
push userraliiev@mozilla.com
push dateMon, 19 Sep 2016 13:38:22 +0000
treeherdermozilla-beta@01d67bfe6c81 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins
bugs1288884
milestone50.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 1288884 - force direction LTR in autocomplete popups;r=bgrins MozReview-Commit-ID: FMeNPWfaVYd
devtools/client/themes/common.css
--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -32,22 +32,25 @@
 :root[platform="linux"] .devtools-monospace {
   font-size: 80%;
 }
 
 
 /* Autocomplete Popup */
 
 .devtools-autocomplete-popup {
-  -moz-appearance: none !important;
   box-shadow: 0 1px 0 hsla(209,29%,72%,.25) inset;
   background-color: transparent;
   border-radius: 3px;
   overflow-x: hidden;
   max-height: 20rem;
+
+  /* Devtools autocompletes display technical english keywords and should be displayed
+     using LTR direction. */
+  direction: ltr !important;
 }
 
 /* Reset list styles. */
 .devtools-autocomplete-popup ul {
   list-style: none;
 }
 
 .devtools-autocomplete-popup ul,
@@ -68,18 +71,16 @@
   padding: 2px;
 }
 
 .devtools-autocomplete-listbox .autocomplete-item {
   width: 100%;
   background-color: transparent;
   border-radius: 4px;
   padding: 1px 0;
-  /* Force text-align even in RTL locales to ensure a correct display of the popup */
-  text-align: left;
 }
 
 .devtools-autocomplete-listbox .autocomplete-selected {
   background-color: rgba(0,0,0,0.2);
 }
 
 .devtools-autocomplete-listbox.dark-theme .autocomplete-selected,
 .devtools-autocomplete-listbox.dark-theme .autocomplete-item:hover {