colin
/
bookstack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

RTL: Fixed lacking task list RTL support 

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;
}
/**
* 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;
}
}

6
resources/sass/_tinymce.scss
View File

@ -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;
}