From 639936dffe14c28d3b71c24c6b2bdf97ec9d91a9 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 14 Dec 2024 03:22:16 +0200
Subject: [PATCH] style(next): fix blur in nested submenus

---
 src/public/stylesheets/theme-next/shell.css | 31 +++++++++++++++++++--
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index c81770af3..724eaddb4 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -10,6 +10,11 @@
     }
 }
 
+:root {
+    --dropdown-backdrop-filter: blur(10px) saturate(6);
+    --dropdown-border-radius: 10px;
+}
+
 #root-widget {
     background-color: var(--root-background);
 }
@@ -872,10 +877,30 @@ body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper {
  */
 
 .dropdown-menu {
-    border-radius: 10px;
-    backdrop-filter: blur(10px) saturate(6);
+    border-radius: var(--dropdown-border-radius);
     padding: var(--menu-padding-size) !important;
-    font-size: .90rem !important;
+    font-size: .90rem !important;    
+}
+
+.dropdown-menu::before {
+    content: "";
+    backdrop-filter: var(--dropdown-backdrop-filter);
+    border-radius: var(--dropdown-border-radius);
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: -1;
+}
+
+.dropdown-submenu .dropdown-menu::before {
+    content: unset;
+}
+
+.dropdown-submenu .dropdown-menu {
+    backdrop-filter: var(--dropdown-backdrop-filter);
+    background: transparent;
 }
 
 .dropdown-item {