Bug 947708 - RTL support for toolbox tabs, fix up small UI regressions from Bug 941579;r=vporof
authorBrian Grinstead <bgrinstead@mozilla.com>
Sun, 08 Dec 2013 09:56:37 -0600
changeset 175134 550462c1dae0f6e8fd81357b2ece2b74fcd3831f
parent 175085 095c03bb1d79bcb613383bc3d75ef20a7982b264
child 175135 d4988a27c498999a205223a8a0882e37d225c4b4
push id445
push userffxbld
push dateMon, 10 Mar 2014 22:05:19 +0000
treeherdermozilla-release@dc38b741b04e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersvporof
bugs947708, 941579
milestone28.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 947708 - RTL support for toolbox tabs, fix up small UI regressions from Bug 941579;r=vporof
browser/themes/shared/devtools/toolbars.inc.css
--- a/browser/themes/shared/devtools/toolbars.inc.css
+++ b/browser/themes/shared/devtools/toolbars.inc.css
@@ -483,26 +483,26 @@
 .devtools-tab {
   -moz-appearance: none;
   min-width: 32px;
   min-height: 32px;
   max-width: 127px;
   color: #b6babf;
   margin: 0;
   padding: 0;
-  border-left: 1px solid #42484f;
+  -moz-border-start: 1px solid #42484f;
   -moz-box-align: center;
 }
 
 .devtools-tab:first-child {
-  border-left-width: 0;
+  -moz-border-start-width: 0;
 }
 
 .devtools-tab:last-child {
-  border-right: 1px solid #5a6169;
+  -moz-border-end: 1px solid #42484f;
 }
 
 .devtools-tab > image {
   border: none;
   -moz-margin-end: 0;
   -moz-margin-start: 4px;
   opacity: 0.6;
   max-height: 16px;
@@ -517,17 +517,17 @@
   white-space: nowrap;
 }
 
 .devtools-tab:hover > image {
   opacity: 0.8;
 }
 
 .devtools-tab:active > image,
-.devtools-tab[selected=true] > label {
+.devtools-tab[selected=true] > image {
   opacity: 1;
 }
 
 .devtools-tab:hover {
   background-color: hsla(206,37%,4%,.2);
   color: #ced3d9;
 }
 
@@ -541,22 +541,26 @@
   background-color: #1a4666;
   border-width: 0;
   box-shadow: 0 2px 0 #d7f1ff inset,
               0 8px 3px -5px #2b82bf inset,
               0 -2px 0 rgba(0,0,0,.2) inset;
 }
 
 .devtools-tab[selected=true]:not(:first-child) {
-  padding-left: 1px;
+  -moz-padding-start: 1px;
+}
+
+.devtools-tab[selected=true]:last-child {
+  -moz-padding-end: 1px;
 }
 
 .devtools-tab[selected=true] + .devtools-tab {
-  border-left-width: 0;
-  padding-left: 1px;
+  -moz-border-start-width: 0;
+  -moz-padding-start: 1px;
 }
 
 .devtools-tab:not([selected=true]).highlighted {
   color: #f5f7fa;
   background-color: hsla(99,100%,14%,.2);
   box-shadow: 0 2px 0 #7bc107 inset;
 }