fix: change cell menu background to not blend into section header

simonwep · Mar 9, 2024 · 6977d06 · 6977d06
1 parent 2c396ef
commit 6977d06
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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;