From a083526a1b3263f19d58108fe15b76684f9f8ea1 Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sat, 16 Sep 2023 18:31:53 +0200
Subject: 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.
---
 src/app/css/popups.css | 7 +++++--
 src/app/index.html     | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

(limited to 'src')

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>
 		
-- 
cgit v1.2.3