From a2ffb4fbace22c69e93bb12868274b525936ce2a Mon Sep 17 00:00:00 2001
From: Essem <smswessem@gmail.com>
Date: Tue, 26 Mar 2024 20:07:54 -0500
Subject: [PATCH] Hack to make the sidebar background visible

---
 app/javascript/flavours/glitch/styles/modern/style.scss | 2 ++
 app/javascript/styles/modern/style.scss                 | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/javascript/flavours/glitch/styles/modern/style.scss b/app/javascript/flavours/glitch/styles/modern/style.scss
index 1baef57698..1046f10711 100644
--- a/app/javascript/flavours/glitch/styles/modern/style.scss
+++ b/app/javascript/flavours/glitch/styles/modern/style.scss
@@ -2836,6 +2836,7 @@ a:focus-visible,
 .layout-single-column .column-back-button--slim .column-back-button .column-header__collapsible {
   transition: none;
   background: var(--modal-background-color);
+  backdrop-filter: var(--background-filter);
 }
 .layout-single-column .tabs-bar__wrapper .collapsed,
 .layout-single-column .column-back-button--slim .column-back-button .collapsed {
@@ -2927,6 +2928,7 @@ a:focus-visible,
     top: calc(100% + 5px);
     bottom: -5px;
     background: var(--modal-background-color);
+    backdrop-filter: var(--background-filter);
     z-index: -1;
     transition: inset 0.1s;
     border-radius: 100px;
diff --git a/app/javascript/styles/modern/style.scss b/app/javascript/styles/modern/style.scss
index 3c5e27389a..1046f10711 100644
--- a/app/javascript/styles/modern/style.scss
+++ b/app/javascript/styles/modern/style.scss
@@ -2836,6 +2836,7 @@ a:focus-visible,
 .layout-single-column .column-back-button--slim .column-back-button .column-header__collapsible {
   transition: none;
   background: var(--modal-background-color);
+  backdrop-filter: var(--background-filter);
 }
 .layout-single-column .tabs-bar__wrapper .collapsed,
 .layout-single-column .column-back-button--slim .column-back-button .collapsed {
@@ -2927,6 +2928,7 @@ a:focus-visible,
     top: calc(100% + 5px);
     bottom: -5px;
     background: var(--modal-background-color);
+    backdrop-filter: var(--background-filter);
     z-index: -1;
     transition: inset 0.1s;
     border-radius: 100px;
@@ -4639,4 +4641,4 @@ a:focus-visible,
 }
 .modal-root__container {
   animation: bounceIn 0.7s;
-}
\ No newline at end of file
+}