diff options
| author | 0neGal <mail@0negal.com> | 2022-03-26 15:26:51 +0100 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2022-03-26 15:26:51 +0100 |
| commit | 6fc35ac3cd87a96ad2f5067e390a204b4148d9c3 (patch) | |
| tree | c78f46a58650f3509e7cb4aeabf112b8564ef6ff /src | |
| parent | d90191bd0a498035ad537c2ab3cf73efef21f50a (diff) | |
| download | Viper-6fc35ac3cd87a96ad2f5067e390a204b4148d9c3.tar.gz Viper-6fc35ac3cd87a96ad2f5067e390a204b4148d9c3.zip | |
added tiny checkmark to filter selection
Slightly better UX I guess?
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/icons/check.png | bin | 0 -> 373 bytes | |||
| -rw-r--r-- | src/app/main.css | 8 |
2 files changed, 6 insertions, 2 deletions
diff --git a/src/app/icons/check.png b/src/app/icons/check.png Binary files differnew file mode 100644 index 0000000..6c7f43f --- /dev/null +++ b/src/app/icons/check.png 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} |
