Commit 932f2f2c authored by webchick's avatar webchick

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
parent 503cd2ac
...@@ -29,7 +29,7 @@ tr .ajax-progress-throbber .throbber { ...@@ -29,7 +29,7 @@ tr .ajax-progress-throbber .throbber {
/* Full screen throbber */ /* Full screen throbber */
.ajax-progress-fullscreen { .ajax-progress-fullscreen {
/* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
left: 49%; left: 49%; /* LTR */
position: fixed; position: fixed;
top: 48.5%; top: 48.5%;
z-index: 1000; z-index: 1000;
...@@ -43,3 +43,7 @@ tr .ajax-progress-throbber .throbber { ...@@ -43,3 +43,7 @@ tr .ajax-progress-throbber .throbber {
padding: 4px; padding: 4px;
width: 24px; width: 24px;
} }
[dir="rtl"] .ajax-progress-fullscreen {
left: auto;
right: 49%;
}
...@@ -59,9 +59,12 @@ a.tabledrag-handle:focus .handle { ...@@ -59,9 +59,12 @@ a.tabledrag-handle:focus .handle {
width: 40px; width: 40px;
} }
.touch a.tabledrag-handle .handle { .touch a.tabledrag-handle .handle {
background-position: 40% 19px; background-position: 40% 19px; /* LTR */
height: 21px; height: 21px;
} }
[dir="rtl"] .touch a.tabledrag-handle .handle {
background-position: right 40% top 19px;
}
.touch .draggable.drag a.tabledrag-handle .handle { .touch .draggable.drag a.tabledrag-handle .handle {
background-position: 50% -32px; background-position: 50% -32px;
} }
......
...@@ -132,7 +132,11 @@ small .admin-link:after { ...@@ -132,7 +132,11 @@ small .admin-link:after {
cursor: default; cursor: default;
} }
.system-modules td { .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) { @media screen and (max-width: 40em) {
...@@ -369,5 +373,8 @@ small .admin-link:after { ...@@ -369,5 +373,8 @@ small .admin-link:after {
padding: 0 0 0 0.7em; padding: 0 0 0 0.7em;
} }
.system-themes-admin-form { .system-themes-admin-form {
clear: left; clear: left; /* LTR */
}
[dir="rtl"] .system-themes-admin-form {
clear: right;
} }
...@@ -26,7 +26,11 @@ table.diff .diff-marker { ...@@ -26,7 +26,11 @@ table.diff .diff-marker {
width: 1.4em; width: 1.4em;
} }
table.diff th { 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 { table.diff td div {
overflow: auto; overflow: auto;
......
...@@ -41,7 +41,11 @@ ...@@ -41,7 +41,11 @@
} }
#edit-connection-settings-change-connection-type { #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;
} }
/** /**
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
.collapse-processed > summary:before { .collapse-processed > summary:before {
background: url(../../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */ background: url(../../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
content: ""; content: "";
float: left; float: left; /* LTR */
height: 1em; height: 1em;
width: 1em; width: 1em;
} }
......
...@@ -17,6 +17,7 @@ form .field-multiple-table .field-multiple-drag .tabledrag-handle { ...@@ -17,6 +17,7 @@ form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-right: .5em; /*LTR*/ padding-right: .5em; /*LTR*/
} }
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle { [dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-right: 0;
padding-left: .5em; padding-left: .5em;
} }
form .field-add-more-submit { form .field-add-more-submit {
...@@ -59,7 +60,12 @@ label.option { ...@@ -59,7 +60,12 @@ label.option {
} }
.form-type-radio .description, .form-type-radio .description,
.form-type-checkbox .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 { .marker {
color: #e00; color: #e00;
......
...@@ -6,7 +6,12 @@ ...@@ -6,7 +6,12 @@
ul.inline, ul.inline,
ul.links.inline { ul.links.inline {
display: 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 { ul.inline li {
display: inline; display: inline;
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
#0094f0 100% ); #0094f0 100% );
background-size: 40px 40px; background-size: 40px 40px;
margin-top: -1px; margin-top: -1px;
margin-left: -1px; margin-left: -1px; /* LTR */
padding: 0 1px; padding: 0 1px;
height: 16px; height: 16px;
border-radius: 10em; border-radius: 10em;
...@@ -49,6 +49,13 @@ ...@@ -49,6 +49,13 @@
-webkit-transition: width 0.5s ease-out; -webkit-transition: width 0.5s ease-out;
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. * Progress bar animations.
......
...@@ -12,3 +12,8 @@ td.checkbox, ...@@ -12,3 +12,8 @@ td.checkbox,
th.checkbox { th.checkbox {
text-align: center; 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;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment