Issue #2396473 by herom, Aunion, pjbaert, Manjit.Singh, Dhorkiy, b0unty,...

Issue #2396473 by herom, Aunion, pjbaert, Manjit.Singh, Dhorkiy, b0unty, prabhurajn654, Dom., Gábor Hojtsy, LewisNyman, idebr: Add missing RTL rules to System CSS

core/modules/system/css/components/ajax-progress.module.css

@@ -29,7 +29,7 @@ tr .ajax-progress-throbber .throbber {
 /* Full screen throbber */
 .ajax-progress-fullscreen {
   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
-  left: 49%;
+  left: 49%; /* LTR */
   position: fixed;
   top: 48.5%;
   z-index: 1000;
@@ -43,3 +43,7 @@ tr .ajax-progress-throbber .throbber {
   padding: 4px;
   width: 24px;
 }
+[dir="rtl"] .ajax-progress-fullscreen {
+  left: auto;
+  right: 49%;
+}

core/modules/system/css/components/tabledrag.module.css

@@ -59,9 +59,12 @@ a.tabledrag-handle:focus .handle {
   width: 40px;
 }
 .touch a.tabledrag-handle .handle {
-  background-position: 40% 19px;
+  background-position: 40% 19px; /* LTR */
   height: 21px;
 }
+[dir="rtl"] .touch a.tabledrag-handle .handle {
+  background-position: right 40% top 19px;
+}
 .touch .draggable.drag a.tabledrag-handle .handle {
   background-position: 50% -32px;
 }

core/modules/system/css/system.admin.css

@@ -132,7 +132,11 @@ small .admin-link:after {
   cursor: default;
 }
 .system-modules td {
-  padding-left: 0;
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] .system-modules td {
+  padding-left: 12px;
+  padding-right: 0;
 }
 
 @media screen and (max-width: 40em) {
@@ -369,5 +373,8 @@ small .admin-link:after {
   padding: 0 0 0 0.7em;
 }
 .system-themes-admin-form {
-  clear: left;
+  clear: left; /* LTR */
+}
+[dir="rtl"] .system-themes-admin-form {
+  clear: right;
 }

core/modules/system/css/system.diff.css

@@ -26,7 +26,11 @@ table.diff .diff-marker {
   width: 1.4em;
 }
 table.diff th {
-  padding-right: inherit;
+  padding-right: inherit; /* LTR */
+}
+[dir="rtl"] table.diff th {
+  padding-right: 0;
+  padding-left: inherit;
 }
 table.diff td div {
   overflow: auto;

core/modules/system/css/system.maintenance.css

@@ -41,7 +41,11 @@
 }
 
 #edit-connection-settings-change-connection-type {
-  margin: 2.6em 0.5em 0 1em;
+  margin: 2.6em 0.5em 0 1em; /* LTR */
+}
+[dir="rtl"] #edit-connection-settings-change-connection-type {
+  margin-left: 0.5em;
+  margin-right: 1em;
 }
 
 /**

core/themes/classy/css/components/collapse-processed.css

@@ -10,7 +10,7 @@
 .collapse-processed > summary:before {
   background: url(../../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
   content: "";
-  float: left;
+  float: left; /* LTR */
   height: 1em;
   width: 1em;
 }

core/themes/classy/css/components/form.css

@@ -17,6 +17,7 @@ form .field-multiple-table .field-multiple-drag .tabledrag-handle {
   padding-right: .5em; /*LTR*/
 }
 [dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
+  padding-right: 0;
   padding-left: .5em;
 }
 form .field-add-more-submit {
@@ -59,7 +60,12 @@ label.option {
 }
 .form-type-radio .description,
 .form-type-checkbox .description {
-  margin-left: 2.4em;
+  margin-left: 2.4em; /* LTR */
+}
+[dir="rtl"] .form-type-radio .description,
+[dir="rtl"] .form-type-checkbox .description {
+   margin-left: 0;
+   margin-right: 2.4em;
 }
 .marker {
   color: #e00;

core/themes/classy/css/components/links.css

@@ -6,7 +6,12 @@
 ul.inline,
 ul.links.inline {
   display: inline;
-  padding-left: 0;
+  padding-left: 0; /* LTR */
+}
+[dir="rtl"] ul.inline,
+[dir="rtl"] ul.links.inline {
+  padding-right: 0;
+  padding-left: 15px;
 }
 ul.inline li {
   display: inline;

core/themes/classy/css/components/progress.css

@@ -40,7 +40,7 @@
       #0094f0 100% );
   background-size: 40px 40px;
   margin-top: -1px;
-  margin-left: -1px;
+  margin-left: -1px; /* LTR */
   padding: 0 1px;
   height: 16px;
   border-radius: 10em;
@@ -49,6 +49,13 @@
   -webkit-transition: width 0.5s ease-out;
   transition: width 0.5s ease-out;
 }
+[dir="rtl"] .progress__bar {
+  margin-left: 0;
+  margin-right: -1px;
+  animation-direction: reverse;
+  -webkit-animation-direction: reverse;
+  -moz-animation-direction: reverse;
+}
 
 /**
  * Progress bar animations.

core/themes/classy/css/components/tableselect.css

@@ -12,3 +12,8 @@ td.checkbox,
 th.checkbox {
   text-align: center;
 }
+[dir="rtl"] td.checkbox,
+[dir="rtl"] th.checkbox {
+  /* This is required to win over specificity of [dir="rtl"] td */
+  text-align: center;
+}