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 | |
| 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.
| -rw-r--r-- | src/app/css/popups.css | 7 | ||||
| -rw-r--r-- | src/app/index.html | 3 |
2 files changed, 7 insertions, 3 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 { */ diff --git a/src/app/index.html b/src/app/index.html index 9ca5e07..b18db42 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -193,7 +193,7 @@ <div class="loading">%%gui.browser.loading%%</div> </div> </div> - <div class="popup small" id="preview"> + <div class="popup small blur" id="preview"> <div class="misc fixed vertical"> <button id="close" onclick="Preview.hide()"> <img src="icons/close.png"> @@ -202,6 +202,7 @@ <img src="icons/external.png"> </button> </div> + <webview></webview> </div> |