Infra-Mirrors/BookStack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-10-01 01:36:00 -04:00
Code Issues Packages Projects Releases Wiki Activity

RTL: Fixed lacking task list RTL support

Browse Source 
Added with fallback to old LTR styles.
For #5134
This commit is contained in:
Dan Brown 2024-08-27 14:13:33 +01:00
parent 90d1223acd
commit 8cef998f49
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/sass/_text.scss
View File

@ -309,15 +309,26 @@ li > ol, li > ul {
padding-right: $-m * 1.2; 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 { li.checkbox-item, li.task-list-item {
display: list-item; display: list-item;
list-style: none; list-style: none;
margin-left: -($-m * 1.2); margin-left: -($-m * 1.2);
margin-inline-start: -($-m * 1.2);
margin-inline-end: 0;
input[type="checkbox"] { input[type="checkbox"] {
margin-right: $-xs; margin-right: $-xs;
margin-inline-end: $-xs;
margin-inline-start: 0;
} }
li.checkbox-item, li.task-list-item { li.checkbox-item, li.task-list-item {
margin-left: $-xs; margin-left: $-xs;
margin-inline-start: $-xs;
margin-inline-end: 0;
} }
} }

6
resources/sass/_tinymce.scss
View File

@ -173,7 +173,7 @@ body.page-content.mce-content-body {
* Fake task list checkboxes * Fake task list checkboxes
*/ */
.page-content.mce-content-body .task-list-item { .page-content.mce-content-body .task-list-item {
margin-left: 0; margin-inline-start: 0;
position: relative; position: relative;
} }
.page-content.mce-content-body .task-list-item > input[type="checkbox"] { .page-content.mce-content-body .task-list-item > input[type="checkbox"] {
@ -186,11 +186,11 @@ body.page-content.mce-content-body {
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 2px; border-radius: 2px;
margin-right: 8px; margin-inline-end: 8px;
vertical-align: text-top; vertical-align: text-top;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
left: -24px; inset-inline-start: -24px;
top: 4px; top: 4px;
} }