Bug 1455487 - Rotate the chevron icon 180 degree when RTL. r=jdescottes
authorMantaroh Yoshinaga <mantaroh@gmail.com>
Tue, 24 Apr 2018 17:04:57 +0900
changeset 471508 e5a4d5c29bb93a75597aecbe6f7d4d94dc0c85f5
parent 471507 27d9c410de6a9661f786176cb937ecab2387e8b5
child 471509 544e2832e78306fc04c7cbaea81a40b0189ae155
push id1728
push userjlund@mozilla.com
push dateMon, 18 Jun 2018 21:12:27 +0000
treeherdermozilla-release@c296fde26f5f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjdescottes
bugs1455487
milestone61.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 1455487 - Rotate the chevron icon 180 degree when RTL. r=jdescottes If the browser ui direction is RTL, this patch will rotate the chevron menu icon of devtool 180 degree. MozReview-Commit-ID: 72vLKnF1FkF
devtools/client/themes/toolbox.css
--- a/devtools/client/themes/toolbox.css
+++ b/devtools/client/themes/toolbox.css
@@ -155,16 +155,20 @@
 
 #tools-chevron-menu-button::before {
   top: 0;
   offset-inline-end: 0;
   background-image: var(--command-chevron-image);
   background-position: center;
 }
 
+.tools-chevron-menu:-moz-locale-dir(rtl) {
+  transform: rotate(180deg);
+}
+
 #toolbox-controls {
   margin-right: 3px;
 }
 
 #toolbox-buttons-end > .devtools-separator {
   margin-inline-start: 5px;
   margin-inline-end: 5px;
 }