Bug 1200661 - Fix position of ticks and mask in about:privatebrowsing for RTL locales. r=ttaubert
authorPaolo Amadini <paolo.mozmail@amadzone.org>
Thu, 03 Sep 2015 13:54:57 +0100
changeset 260674 3cb68e7454d79f7b26702675f92420b29dc00bc0
parent 260673 6694df0e91ec14c4c9b3f4363b0a342b55769671
child 260675 db8602cd98b1447b41be33cf9cf743c8ff7d1388
push id15018
push userpaolo.mozmail@amadzone.org
push dateThu, 03 Sep 2015 13:40:00 +0000
treeherderfx-team@3cb68e7454d7 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersttaubert
bugs1200661
milestone43.0a1
Bug 1200661 - Fix position of ticks and mask in about:privatebrowsing for RTL locales. r=ttaubert
browser/components/privatebrowsing/content/aboutPrivateBrowsing.css
--- a/browser/components/privatebrowsing/content/aboutPrivateBrowsing.css
+++ b/browser/components/privatebrowsing/content/aboutPrivateBrowsing.css
@@ -36,16 +36,20 @@ body[globalTpEnabled] .showGlobalTpDisab
   background-size: 47px 26px;
   padding-inline-start: 87px;
   color: white;
   font-size: 1.5em;
   font-weight: 200;
   line-height: 2.5em;
 }
 
+#bar:-moz-dir(rtl) {
+  background-position: right 22px top 50%;
+}
+
 #main {
   padding: 0 2em;
   flex: 1;
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   justify-content: center;
 }
@@ -69,16 +73,20 @@ ul {
 li {
   list-style: none;
   padding-inline-start: 24px;
   background-size: 16px 16px;
   background-repeat: no-repeat;
   background-position: 0 50%;
 }
 
+li:-moz-dir(rtl) {
+  background-position: 100% 50%;
+}
+
 #forgotten > li {
   background-image: url("chrome://browser/skin/privatebrowsing/check.png");
 }
 
 #kept > li {
   background-image: url("chrome://browser/skin/privatebrowsing/attention.png");
 }