webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2026-01-03 23:42:28 +03:00
Code Activity

Lexical: Updated task list to use/support old format

Browse Source
This commit is contained in:
Dan Brown
2024-07-30 14:42:19 +01:00
parent fe05cff64f
commit 13f8f39dd5
6 changed files with 192 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
resources/sass/_editor.scss
View File

@@ -324,6 +324,37 @@ body.editor-is-fullscreen {
outline: 2px dashed var(--editor-color-primary);
}
/**
* Fake task list checkboxes
*/
.editor-content-area .task-list-item {
margin-left: 0;
position: relative;
}
.editor-content-area .task-list-item > input[type="checkbox"] {
display: none;
}
.editor-content-area .task-list-item:before {
content: '';
display: inline-block;
border: 2px solid #CCC;
width: 12px;
height: 12px;
border-radius: 2px;
margin-right: 8px;
vertical-align: text-top;
cursor: pointer;
position: absolute;
left: -24px;
top: 4px;
}
.editor-content-area .task-list-item[checked]:before {
background-color: #CCC;
background-image: url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m8.4856 20.274-6.736-6.736 2.9287-2.7823 3.8073 3.8073 10.836-10.836 2.9287 2.9287z" stroke-width="1.4644"/></svg>');
background-position: 50% 50%;
background-size: 100% 100%;
}
// Editor form elements
.editor-form-field-wrapper {
margin-bottom: .5rem;