diff --git a/resources/sass/_text.scss b/resources/sass/_text.scss index 9f367984a..9acfe2cee 100644 --- a/resources/sass/_text.scss +++ b/resources/sass/_text.scss @@ -309,15 +309,26 @@ li > ol, li > ul { padding-right: $-m * 1.2; } +/** + * Checkbox lists + * Some styles duplicated for supporting logical units (eg. inline-end) while + * providing fallbacks to non-logical rules, so RTL is natively supported where possible. + */ li.checkbox-item, li.task-list-item { display: list-item; list-style: none; margin-left: -($-m * 1.2); + margin-inline-start: -($-m * 1.2); + margin-inline-end: 0; input[type="checkbox"] { margin-right: $-xs; + margin-inline-end: $-xs; + margin-inline-start: 0; } li.checkbox-item, li.task-list-item { margin-left: $-xs; + margin-inline-start: $-xs; + margin-inline-end: 0; } } diff --git a/resources/sass/_tinymce.scss b/resources/sass/_tinymce.scss index 95294cdf2..129e47821 100644 --- a/resources/sass/_tinymce.scss +++ b/resources/sass/_tinymce.scss @@ -173,7 +173,7 @@ body.page-content.mce-content-body { * Fake task list checkboxes */ .page-content.mce-content-body .task-list-item { - margin-left: 0; + margin-inline-start: 0; position: relative; } .page-content.mce-content-body .task-list-item > input[type="checkbox"] { @@ -186,11 +186,11 @@ body.page-content.mce-content-body { width: 12px; height: 12px; border-radius: 2px; - margin-right: 8px; + margin-inline-end: 8px; vertical-align: text-top; cursor: pointer; position: absolute; - left: -24px; + inset-inline-start: -24px; top: 4px; }