From a9329109e52ef74692d291a9532b61d96424134c Mon Sep 17 00:00:00 2001
From: Gerome Matilla <gerome.matilla07@gmail.com>
Date: Wed, 10 Jun 2020 06:58:04 +0800
Subject: [PATCH] blur overlay css update

---
 css/centered-box-overlay.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/css/centered-box-overlay.css b/css/centered-box-overlay.css
index 146526a..25e082e 100644
--- a/css/centered-box-overlay.css
+++ b/css/centered-box-overlay.css
@@ -1,7 +1,8 @@
 #centeredBoxOverlay {
 	background: transparent;
 	opacity: 0;
-	backdrop-filter: blur(var(--blur-strength));
+	backdrop-filter: blur(0);
+	filter: brightness(70%);
 	
 	position: absolute;
 	top: 0;
@@ -12,12 +13,13 @@
 	margin: 0;
 	padding: 0;
 	z-index: -1;
-	filter: brightness(70%);
-	transition: opacity var(--transition-speed), z-index var(--transition-speed);
+	transition: opacity var(--transition-speed),
+				z-index var(--transition-speed),
+				backdrop-filter var(--transition-speed);
 }
 
 #centeredBoxOverlay.showOverlay {
-	transition: opacity var(--transition-speed);
 	opacity: 1;
 	z-index: 0;
+	backdrop-filter: blur(var(--blur-strength))
 }
\ No newline at end of file