Bug 1325880 - fix RTL issue with statuspanel display, r=dao a=gchang
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Thu, 09 Mar 2017 12:01:05 +0000
changeset 379027 97967b1668830f6e88ce9bc086607494a3ba2c31
parent 379026 65c3d718dd5fb6f11912820a5433ff6d13e6362f
child 379028 fe89c5aec076db809af03c3d0aa2ca7de52f3b6d
push id1419
push userjlund@mozilla.com
push dateMon, 10 Apr 2017 20:44:07 +0000
treeherdermozilla-release@5e6801b73ef6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, gchang
bugs1325880
milestone53.0
Bug 1325880 - fix RTL issue with statuspanel display, r=dao a=gchang MozReview-Commit-ID: BmWSm7a9Bc8
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -837,20 +837,19 @@ browser[tabmodalPromptShowing] {
 statuspanel {
   -moz-binding: url("chrome://browser/content/tabbrowser.xml#statuspanel");
   position: fixed;
   margin-top: -3em;
   max-width: calc(100% - 5px);
   pointer-events: none;
 }
 
-statuspanel:-moz-locale-dir(ltr)[mirror],
-statuspanel:-moz-locale-dir(rtl):not([mirror]) {
-  left: auto;
-  right: 0;
+statuspanel[mirror] {
+  offset-inline-start: auto;
+  offset-inline-end: 0;
 }
 
 statuspanel[sizelimit] {
   max-width: 50%;
 }
 
 statuspanel[type=status] {
   min-width: 23em;
@@ -859,16 +858,19 @@ statuspanel[type=status] {
 @media all and (max-width: 800px) {
   statuspanel[type=status] {
     min-width: 33%;
   }
 }
 
 statuspanel[type=overLink] {
   transition: opacity 120ms ease-out;
+}
+
+statuspanel[type=overLink] > .statuspanel-inner {
   direction: ltr;
 }
 
 statuspanel[inactive] {
   transition: none;
   opacity: 0;
 }