diff --git a/src/public/stylesheets/print.css b/src/public/stylesheets/print.css index aa2339b94..c2ac17370 100644 --- a/src/public/stylesheets/print.css +++ b/src/public/stylesheets/print.css @@ -156,19 +156,6 @@ span[style] { 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 { max-height: unset !important; overflow: unset !important; @@ -195,6 +182,32 @@ span[style] { 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 */