From 6fc35ac3cd87a96ad2f5067e390a204b4148d9c3 Mon Sep 17 00:00:00 2001 From: 0neGal Date: Sat, 26 Mar 2022 15:26:51 +0100 Subject: added tiny checkmark to filter selection Slightly better UX I guess? --- src/app/icons/check.png | Bin 0 -> 373 bytes src/app/main.css | 8 ++++++-- 2 files changed, 6 insertions(+), 2 deletions(-) create mode 100644 src/app/icons/check.png diff --git a/src/app/icons/check.png b/src/app/icons/check.png new file mode 100644 index 0000000..6c7f43f Binary files /dev/null and b/src/app/icons/check.png differ diff --git a/src/app/main.css b/src/app/main.css index bd52df1..3f542ec 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -268,15 +268,19 @@ button { width: 1em; height: 1em; content: " "; + background-size: 75%; filter: brightness(1.3); - background: var(--selbg); + background-position: center; + background-repeat: no-repeat; transition: 0.15s ease-in-out; + background-color: var(--selbg); margin-right: calc(var(--spacing) / 3); border-radius: calc(var(--spacing) / 4); } .check.checked::before { - background: rgb(var(--red)); + background-color: rgb(var(--red)); + background-image: url(icons/check.png); } .option .text {font-weight: 600} -- cgit v1.2.3