Bug 1139788 - Align Call waiting icon and SIM for RTL. r=gsvelto.

mozilla-b2g · Mar 19, 2015 · 27e1f3c · 27e1f3c
1 parent 3c5565b
commit 27e1f3c
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/apps/callscreen/style/oncall.css b/apps/callscreen/style/oncall.css
@@ -728,6 +728,10 @@
   #incoming-info:not(.additionalInfo) .incoming-number-info {
     background-position: 27.2rem 3rem;
   }
+  html[dir="rtl"] #incoming-info:not(.additionalInfo) .incoming-number-info {
+    background-position: 1.5rem 2rem;
+    padding: 1rem 2.5rem 0 4.5rem;
+  }
 
   #incoming-container.displayed {
     transform: translateY(0);
@@ -778,6 +782,11 @@
     flex-direction: column;
   }
 
+  html[dir="rtl"] .incoming-number-info {
+    background-position: 1.5rem 2rem;
+    padding: 1rem 2.5rem 0 4.5rem;
+  }
+
   #incoming-number {
     width: calc(100% - 3rem);
     font-size: 3.4rem;
@@ -1043,6 +1052,10 @@
     line-height: 1.5rem;
   }
 
+  html[dir="rtl"] #incoming-container .sim {
+    padding-right: 18rem;
+  }
+
   /* Hidden everywhere else */
   .sim {
     display: none;