fix(shared-ui): fix transparent context menu background

Use existing --color-surface-elevated CSS variable instead of
non-existent --color-surface-elevated-3. Add box-shadow for depth.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-23 09:37:53 +01:00
parent c0c64aa2cb
commit 55e4f7b5cc

View file

@ -169,9 +169,12 @@
min-width: 180px;
max-width: 280px;
padding: 0.375rem;
background: var(--color-surface-elevated-3);
background: hsl(var(--color-surface-elevated));
border: 1px solid hsl(var(--color-border));
border-radius: var(--radius-lg);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.15),
0 1px 4px rgba(0, 0, 0, 0.1);
/* Ensure menu can receive events even when parent has pointer-events: none */
pointer-events: auto;
}