webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-09 10:22:51 +03:00
Code Activity

Changed to a psuedo-style approach for tasklist in wysiwyg

Browse Source
This commit is contained in:
Dan Brown
2022-03-19 17:12:56 +00:00
parent f991948c49
commit 65dd7ad1e9
3 changed files with 58 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
resources/sass/_tinymce.scss
View File

@@ -112,4 +112,29 @@ body.page-content.mce-content-body {
}
.tox-menu .tox-collection__item-label {
line-height: normal !important;
}
/**
* Fake task list checkboxes
*/
.page-content.mce-content-body .task-list-item > input[type="checkbox"] {
display: none;
}
.page-content.mce-content-body .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;
}
.page-content.mce-content-body .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%;
}