Bug 1325880 - fix RTL issue with statuspanel display, r?dao draft
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Thu, 09 Mar 2017 12:01:05 +0000
changeset 495913 cff826327e6bbf2d854889b0fcb663c9178da62b
parent 495587 19289cc8bf6ffce3b2067fbe91aebea5a356d008
child 548498 7f77b99a800190a89cdbcbab8dd39cea06655069
push id48472
push usergijskruitbosch@gmail.com
push dateThu, 09 Mar 2017 14:33:07 +0000
reviewersdao
bugs1325880
milestone55.0a1
Bug 1325880 - fix RTL issue with statuspanel display, r?dao MozReview-Commit-ID: BmWSm7a9Bc8
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -860,20 +860,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;
@@ -882,16 +881,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;
 }