From 6977d062f2974ab68e167a6c2d5226077db96661 Mon Sep 17 00:00:00 2001
From: Simon Reinisch <simon@reinisch.io>
Date: Sat, 9 Mar 2024 13:37:13 +0100
Subject: [PATCH] fix: change cell menu background to not blend into section
 header

---
 src/app/components/base/cell-menu/CellMenu.vue | 3 ++-
 src/styles/themes/dark.scss                    | 3 +++
 src/styles/themes/light.scss                   | 3 +++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/components/base/cell-menu/CellMenu.vue b/src/app/components/base/cell-menu/CellMenu.vue
index d0580103..a6a1c37e 100644
--- a/src/app/components/base/cell-menu/CellMenu.vue
+++ b/src/app/components/base/cell-menu/CellMenu.vue
@@ -72,8 +72,9 @@ const onAction = (id: CellMenuActionId) => {
   list-style: none outside none;
   display: flex;
   align-items: flex-end;
-  background: var(--c-primary);
   border-radius: var(--border-radius-m);
+  box-shadow: var(--cell-menu-shadow);
+  backdrop-filter: var(--cell-menu-backdrop);
   overflow: hidden;
 
   .item {
diff --git a/src/styles/themes/dark.scss b/src/styles/themes/dark.scss
index 45046ccf..509ecaae 100644
--- a/src/styles/themes/dark.scss
+++ b/src/styles/themes/dark.scss
@@ -142,6 +142,9 @@
   --context-menu-backdrop: blur(4px) brightness(0.25);
   --context-menu-shadow: 0 1px 5px #0c0b0e;
 
+  --cell-menu-backdrop: blur(3px) brightness(0.3);
+  --cell-menu-shadow: 0 1px 5px #0c0b0e;
+
   --grid-background-odd: #2c2f3d;
   --grid-background-odd-hover: #2c2f3d;
   --grid-background-odd-active: #3d4154;
diff --git a/src/styles/themes/light.scss b/src/styles/themes/light.scss
index 085fbb0b..62c0396e 100644
--- a/src/styles/themes/light.scss
+++ b/src/styles/themes/light.scss
@@ -142,6 +142,9 @@
   --context-menu-backdrop: brightness(10);
   --context-menu-shadow: 0 2px 10px #c5c3db;
 
+  --cell-menu-backdrop: blur(3px) brightness(0.4);
+  --cell-menu-shadow: 0 1px 2px #46434d;
+
   --grid-background-odd: #f0f2f3;
   --grid-background-odd-hover: #e6e9eb;
   --grid-background-odd-active: #ededed;