diff --git a/core/modules/system/css/components/ajax-progress.module.css b/core/modules/system/css/components/ajax-progress.module.css index ee56efa1a7a845804b9b1857f6c74015c519bd14..136c2e12074823ba79d01f7d0876726b0fda9de7 100644 --- a/core/modules/system/css/components/ajax-progress.module.css +++ b/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%; +} diff --git a/core/modules/system/css/components/tabledrag.module.css b/core/modules/system/css/components/tabledrag.module.css index 39d7fb1af1916939fdb6a4959f80cb5569d505ee..5b872cb0b366f06045322465ed06c4c2e4e0d54a 100644 --- a/core/modules/system/css/components/tabledrag.module.css +++ b/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; } diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css index 1d9a51c981cfdded84a00b006396a40b46e8fb49..a3ccd209648d9cad922f7e6aace245614b1154ec 100644 --- a/core/modules/system/css/system.admin.css +++ b/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; } diff --git a/core/modules/system/css/system.diff.css b/core/modules/system/css/system.diff.css index 09809de9a4b7d6e3ea6a4a6f11e9eb1ddd6f3f6f..e57e6ebe0e7a7ede6b63e8b6e111e0bcaf48b940 100644 --- a/core/modules/system/css/system.diff.css +++ b/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; diff --git a/core/modules/system/css/system.maintenance.css b/core/modules/system/css/system.maintenance.css index b6456c6b7fe65b9500e421d6790aacb304b3c67f..8b142cc05069dce0a7972f7bcb3e2debb4b43938 100644 --- a/core/modules/system/css/system.maintenance.css +++ b/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; } /** diff --git a/core/themes/classy/css/components/collapse-processed.css b/core/themes/classy/css/components/collapse-processed.css index 896b637e3801ab2efd7fd399c8873ecbb71f8807..3ed2e3571394e2dfbb5e561bacdba7b3f82fbdc9 100644 --- a/core/themes/classy/css/components/collapse-processed.css +++ b/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; } diff --git a/core/themes/classy/css/components/form.css b/core/themes/classy/css/components/form.css index 7ec4566ddded2211e3ede9fadc89195d3235586d..15b8ec23c29b75e669549922317d03f0152fc0ff 100644 --- a/core/themes/classy/css/components/form.css +++ b/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; diff --git a/core/themes/classy/css/components/links.css b/core/themes/classy/css/components/links.css index cfafd962c01844fd1020acb0540faea86e48c33e..443f2110678b81747ef142f7917684329e54c5dd 100644 --- a/core/themes/classy/css/components/links.css +++ b/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; diff --git a/core/themes/classy/css/components/progress.css b/core/themes/classy/css/components/progress.css index 7baaede210bda3fc17b700d4dee76d8fb26c6a65..1fb80a60096273e2216f87ea652243abf74003f5 100644 --- a/core/themes/classy/css/components/progress.css +++ b/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. diff --git a/core/themes/classy/css/components/tableselect.css b/core/themes/classy/css/components/tableselect.css index 864614ea582603f5a22403ab73a8cbef1e99fcc0..fcfb2a5aa4aec34886cfe3c193e1cbcb20cb08fb 100644 --- a/core/themes/classy/css/components/tableselect.css +++ b/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; +}