Bug 1540933 - move the buttons on about:compat's mobile view to the left in rtl mode; r=miketaylr,denschub
authorThomas Wisniewski <twisniewski@mozilla.com>
Thu, 18 Apr 2019 15:50:03 +0000
changeset 470122 8fb2f7ca9d1dd3cf27cd2ce8dbf4702ed7a94350
parent 470121 1acac8b55cf7d17141da6761084e5b05efa9a2c8
child 470123 2f36aca8e78bd627f3a006b2582819489a675ad0
push id112843
push useraiakab@mozilla.com
push dateFri, 19 Apr 2019 09:50:22 +0000
treeherdermozilla-inbound@c06f27cbfe40 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmiketaylr, denschub
bugs1540933
milestone68.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 1540933 - move the buttons on about:compat's mobile view to the left in rtl mode; r=miketaylr,denschub move the buttons on about:compat's mobile view to the left in rtl mode Differential Revision: https://phabricator.services.mozilla.com/D28000
browser/extensions/webcompat/aboutCompat.css
mobile/android/extensions/webcompat/aboutCompat.css
--- a/browser/extensions/webcompat/aboutCompat.css
+++ b/browser/extensions/webcompat/aboutCompat.css
@@ -145,18 +145,23 @@
 
   .tab.active + table {
     display: block;
   }
 
   td {
     display: block;
     position: relative;
+  }
+  td:dir(ltr) {
     padding-right: 6.5em;
   }
+  td:dir(rtl) {
+    padding-left: 6.5em;
+  }
 
   td[colspan="4"] {
     padding: 1em;
     font-style: italic;
     text-align: center;
   }
 
   td:not([colspan]):nth-child(1) {
@@ -169,22 +174,27 @@
 
   td:nth-child(3) {
     display: contents;
   }
 
   button {
     background: #e8e8e7;
     position: absolute;
-    right: 0;
     top: 0;
     bottom: 0;
     width: 6em;
     border: 0;
     border-left: 1px solid #d7d9db;
     -moz-appearance: none;
     color: #000;
   }
+  button:dir(ltr) {
+    right: 0;
+  }
+  button:dir(rtl) {
+    left: 0;
+  }
 
   button::-moz-focus-inner {
     border: 0;
   }
 }
--- a/mobile/android/extensions/webcompat/aboutCompat.css
+++ b/mobile/android/extensions/webcompat/aboutCompat.css
@@ -145,18 +145,23 @@
 
   .tab.active + table {
     display: block;
   }
 
   td {
     display: block;
     position: relative;
+  }
+  td:dir(ltr) {
     padding-right: 6.5em;
   }
+  td:dir(rtl) {
+    padding-left: 6.5em;
+  }
 
   td[colspan="4"] {
     padding: 1em;
     font-style: italic;
     text-align: center;
   }
 
   td:not([colspan]):nth-child(1) {
@@ -169,22 +174,27 @@
 
   td:nth-child(3) {
     display: contents;
   }
 
   button {
     background: #e8e8e7;
     position: absolute;
-    right: 0;
     top: 0;
     bottom: 0;
     width: 6em;
     border: 0;
     border-left: 1px solid #d7d9db;
     -moz-appearance: none;
     color: #000;
   }
+  button:dir(ltr) {
+    right: 0;
+  }
+  button:dir(rtl) {
+    left: 0;
+  }
 
   button::-moz-focus-inner {
     border: 0;
   }
 }