From a2797795b2f9731a3a67d67a8667ca98b5466921 Mon Sep 17 00:00:00 2001
From: Dariusz Niemczyk <palid@phoelid.me>
Date: Mon, 16 Aug 2021 16:52:41 +0200
Subject: [PATCH] Add proper glass-like look

---
 res/css/structures/_BackdropPanel.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/res/css/structures/_BackdropPanel.scss b/res/css/structures/_BackdropPanel.scss
index 3415a49d2e..3bcceb1d55 100644
--- a/res/css/structures/_BackdropPanel.scss
+++ b/res/css/structures/_BackdropPanel.scss
@@ -20,6 +20,16 @@ limitations under the License.
   top: 0;
   height: 100vh;
   width: 100%;
+
+  &:before {
+    content: ' ';
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100vh;
+    width: 100%;
+    background-color: rgba(255, 255, 255, .02);
+  }
 }
 
 .mx_BackdropPanel--canvas {
@@ -30,4 +40,11 @@ limitations under the License.
     z-index: 0;
     pointer-events: none;
     overflow: hidden;
+
+    &:first-of-type {
+      opacity: 0.19;
+    }
+    &:last-of-type {
+      opacity:0.12;
+    }
 }