diff options
| author | 0neGal <mail@0negal.com> | 2023-09-16 18:31:53 +0200 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2023-09-16 18:31:53 +0200 |
| commit | a083526a1b3263f19d58108fe15b76684f9f8ea1 (patch) | |
| tree | 1ff91e038a68a6bfd081c8a39654c939ab7b4a04 /src/app/css | |
| parent | 7d2b87e2665d213efd07e900f18507782ac2b1d4 (diff) | |
| download | Viper-a083526a1b3263f19d58108fe15b76684f9f8ea1.tar.gz Viper-a083526a1b3263f19d58108fe15b76684f9f8ea1.zip | |
fixed backdrop-filter breaking on filter popup
The amount of times I've broken something with `backdrop-filter` is far
too many, but what can you expect.
Diffstat (limited to 'src/app/css')
| -rw-r--r-- | src/app/css/popups.css | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/app/css/popups.css b/src/app/css/popups.css index 9d307d1..106ad5e 100644 --- a/src/app/css/popups.css +++ b/src/app/css/popups.css @@ -21,7 +21,6 @@ background: var(--bg); transform: scale(0.98); - backdrop-filter: blur(15px); border-radius: calc(var(--padding) / 3); transition-duration: 0.15s; @@ -29,6 +28,10 @@ transition-timing-function: ease-in-out; } +.popup.blur { + backdrop-filter: blur(15px); +} + .popup.shown { opacity: 1.0; pointer-events: all; @@ -58,7 +61,7 @@ #overlay.shown { opacity: 1.0; pointer-events: all; - backdrop-filter: blur(3px); + backdrop-filter: blur(10px); } /* browser/preview popup { */ |