diff --git a/static/images/checked.png b/static/images/checked.png new file mode 100644 index 0000000..3ecb8d6 Binary files /dev/null and b/static/images/checked.png differ diff --git a/static/images/unchecked.png b/static/images/unchecked.png new file mode 100644 index 0000000..adcdbf7 Binary files /dev/null and b/static/images/unchecked.png differ diff --git a/themes/devroom-2020/assets/scss/devroom.scss b/themes/devroom-2020/assets/scss/devroom.scss index 6dbe74e..76f1024 100644 --- a/themes/devroom-2020/assets/scss/devroom.scss +++ b/themes/devroom-2020/assets/scss/devroom.scss @@ -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"); } }