Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-31 13:01:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(print): restyle the TODO list check boxes

Browse Source
This commit is contained in:
Adorian Doran 2025-02-01 22:52:45 +02:00
parent bd638b689f
commit 72a9004643
1 changed files with 26 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/public/stylesheets/print.css
View File

@ -156,19 +156,6 @@ span[style] {
outline: unset !important; outline: unset !important;
} }
/* Fix visibility of checkbox checkmarks
see https://github.com/TriliumNext/Notes/issues/901 */
.ck-content .todo-list .todo-list__label > input {
opacity: 1;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input[checked]::after {
/* fallback to default ck-editor green */
border-color: hsl(126, 64%, 41%) !important;
}
.include-note .include-note-content { .include-note .include-note-content {
max-height: unset !important; max-height: unset !important;
overflow: unset !important; overflow: unset !important;
@ -195,6 +182,32 @@ span[style] {
display: none !important; display: none !important;
} }
/*
* TODO list check boxes
*/
.note-detail-printable .todo-list__label {
--box-size: 1.3em;
--box-vert-offset: 0.17em;
--box-text-gap: 0.25em;
padding-left: calc(var(--box-size) + var(--box-text-gap));
/* Source: https://pictogrammers.com/library/mdi/icon/checkbox-blank-outline/ */
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M19%2c3H5C3.89%2c3 3%2c3.89 3%2c5V19A2%2c2 0 0%2c0 5%2c21H19A2%2c2 0 0%2c0 21%2c19V5C21%2c3.89 20.1%2c3 19%2c3M19%2c5V19H5V5H19Z' /%3e%3c/svg%3e");
background-position: 0 var(--box-vert-offset);
background-size: var(--box-size);
background-repeat: no-repeat;
}
.note-detail-printable .todo-list__label:has(>input[type="checkbox"]:checked) {
/* Source: https://pictogrammers.com/library/mdi/icon/checkbox-outline/ */
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M19%2c3H5A2%2c2 0 0%2c0 3%2c5V19A2%2c2 0 0%2c0 5%2c21H19A2%2c2 0 0%2c0 21%2c19V5A2%2c2 0 0%2c0 19%2c3M19%2c5V19H5V5H19M10%2c17L6%2c13L7.41%2c11.58L10%2c14.17L16.59%2c7.58L18%2c9' /%3e%3c/svg%3e");
}
.note-detail-printable .todo-list__label > input[type="checkbox"] {
display: none;
}
/* /*
* Blockquotes * Blockquotes
*/ */