aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2023-09-16 18:31:53 +0200
committer0neGal <mail@0negal.com>2023-09-16 18:31:53 +0200
commita083526a1b3263f19d58108fe15b76684f9f8ea1 (patch)
tree1ff91e038a68a6bfd081c8a39654c939ab7b4a04 /src
parent7d2b87e2665d213efd07e900f18507782ac2b1d4 (diff)
downloadViper-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')
-rw-r--r--src/app/css/popups.css7
-rw-r--r--src/app/index.html3
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>