Fix checkboxes / task lists

This commit is contained in:
Ariejan de Vroom 2022-07-31 18:21:57 +02:00
parent fba1f52f9e
commit d50f592205
Signed by: ariejan
GPG Key ID: AD739154F713697B
3 changed files with 4 additions and 15 deletions

BIN
static/images/checked.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 713 B

BIN
static/images/unchecked.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 407 B

View File

@ -140,23 +140,12 @@ span.begin-task-list + ul {
padding-left: 1rem;
input[type="checkbox"] {
appearance: none;
margin-right: 0.4rem;
list-style-image:url("/images/unchecked.png");
}
input[type="checkbox"]::before {
content: '\f111';
font-family: "Font Awesome 6 Free";
font-size: 1rem;
color: rgba($links, 0.3);
margin-right: 0.4rem;
}
input[type="checkbox"]:checked::before {
content: '\f058';
font-family: "Font Awesome 6 Free";
font-size: 1rem;
color: $links;
margin-right: 0.4rem;
input[type="checkbox"]:checked {
list-style-image:url("/images/checked.png");
}
}