aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-03-26 15:26:51 +0100
committer0neGal <mail@0negal.com>2022-03-26 15:26:51 +0100
commit6fc35ac3cd87a96ad2f5067e390a204b4148d9c3 (patch)
treec78f46a58650f3509e7cb4aeabf112b8564ef6ff
parentd90191bd0a498035ad537c2ab3cf73efef21f50a (diff)
downloadViper-6fc35ac3cd87a96ad2f5067e390a204b4148d9c3.tar.gz
Viper-6fc35ac3cd87a96ad2f5067e390a204b4148d9c3.zip
added tiny checkmark to filter selection
Slightly better UX I guess?
-rw-r--r--src/app/icons/check.pngbin0 -> 373 bytes
-rw-r--r--src/app/main.css8
2 files changed, 6 insertions, 2 deletions
diff --git a/src/app/icons/check.png b/src/app/icons/check.png
new file mode 100644
index 0000000..6c7f43f
--- /dev/null
+++ b/src/app/icons/check.png
Binary files 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}