From d348c458b35bf364edea929a1f1b61ddcce9bccc Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 4 Mar 2024 21:13:57 +0800
Subject: [PATCH] Blurred menu will be opt-in

---
 src/app.css                     | 2 +-
 src/components/account-info.jsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app.css b/src/app.css
index e47f7ed4..c3a37fae 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1756,7 +1756,7 @@ body > .szh-menu-container {
   max-width: 90vw;
   /* overflow: hidden; */
 }
-.szh-menu[aria-label='Submenu'] {
+.szh-menu[aria-label='Submenu'].menu-blur {
   background-color: var(--bg-blur-color);
   backdrop-filter: blur(4px);
   box-shadow: 0 3px 24px -3px var(--drop-shadow-color);
diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx
index c1137213..dc4b24c2 100644
--- a/src/components/account-info.jsx
+++ b/src/components/account-info.jsx
@@ -1124,6 +1124,7 @@ function RelatedActions({
                   </MenuItem>
                 ) : (
                   <SubMenu
+                    menuClassName="menu-blur"
                     openTrigger="clickOnly"
                     direction="bottom"
                     overflow="auto"