Merge pull request #24341 from anefzaoui/bug-1058793

Bug 1058793 - [RTL] New System Update notification need RTL support

apps/system/style/fake-notification.css

@@ -4,7 +4,6 @@
   font: 1.8rem/1.8rem auto;
   color: #e7e7e7;
   overflow: hidden;
-
   border-bottom: .1rem solid rgba(255, 255, 255, .05);
 }
 
@@ -51,3 +50,9 @@
 .notification.attention-notification {
   background-color: rgba(0, 202, 242, 0.3);
 }
+
+/* RTL View */
+
+html[dir="rtl"] .fake-notification [data-icon] {
+  float: right;
+}

apps/system/style/update_manager/update_manager.css

@@ -26,7 +26,10 @@
 }
 
 #update-manager-container > .title-container {
-  margin: 1.4rem 0 0 3.7rem;
+  margin-top: 1.4rem;
+  margin-bottom: 0;
+  -moz-margin-start: 3.7rem;
+  -moz-margin-end: 0;
 }
 
 #update-manager-container > .title-container > span {
@@ -102,7 +105,7 @@
 #updates-download-dialog ul {
   list-style: none;
   margin-top: 0.4rem;
-  padding-left: 0;
+  -moz-padding-start: 0;
 }
 
 #updates-download-dialog li {
@@ -193,3 +196,24 @@
 #updates-download-dialog[data-online="true"][data-nowifi="true"][data-data-connection-inline-warning="true"] #updates-data-connection-warning {
   visibility: visible;
 }
+
+/* RTL View */
+
+html[dir="rtl"] #update-manager-toaster > .icon {
+  float: right;
+}
+
+html[dir="rtl"] #update-manager-toaster > .message {
+  left: unset;
+  right: 5rem;
+}
+
+html[dir="rtl"] #updates-download-dialog label {
+  float: left;
+}
+
+html[dir="rtl"] #updates-download-dialog label.required {
+  left: 0.5rem;
+  right: unset;
+  text-align: left;
+}