Merge pull request #22502 from pivanov/bug-1037607

Bug 1037607 - The drop-down fields in the add contact dialog are left aligned
mozilla-b2g · Aug 6, 2014 · ba40f71 · ba40f71
2 parents a1f7807 + 6e17257
commit ba40f71
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/apps/communications/contacts/style/app.css b/apps/communications/contacts/style/app.css
@@ -654,3 +654,14 @@ form[role="dialog"].no-overlay button {
 #sim-picker {
   text-align: left;
 }
+
+
+html[dir="rtl"] .fillflow-row-action {
+  right: auto;
+  left: 0;
+}
+
+html[dir="rtl"] .view-body-inner,
+html[dir="rtl"] ::-moz-placeholder {
+  text-align: right;
+}
diff --git a/shared/style/buttons.css b/shared/style/buttons.css
@@ -337,6 +337,13 @@ html[dir="rtl"] li .button.icon {
   padding: 1rem 1.3rem 1rem 4rem;
 }
 
+html[dir="rtl"] li button.icon:before,
+html[dir="rtl"] li [role="button"].icon:before,
+html[dir="rtl"] li .button.icon:before {
+  right: auto;
+  left: 0.5rem;
+}
+
 html[dir="rtl"] li button.icon-dialog,
 html[dir="rtl"] li [role="button"].icon-dialog,
 html[dir="rtl"] li .button.icon-dialog {
@@ -369,4 +376,5 @@ html[dir="rtl"] .button.icon-dialog select {
   right: 0.3rem; /* .3rem space because of italic */
   text-indent: 1rem;
   padding: 0 0 0 4rem;
-}
+}
+