alex/headquarter
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use defined CSS var --panel instead of undefined --surface

Browse Source 
The session options dropdown used var(--surface) which was never
defined anywhere in the stylesheet, causing a transparent background.
Changed to var(--panel) which is defined in tokens.css.

Quality gates: tsc --noEmit pass, npm run build pass, 82/82 tests pass
This commit is contained in:
Developer
2026-06-11 15:52:30 +00:00
parent b4d08b0232
commit 110844e597
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/styles/pages/sessions.css
+3 -3
View File
@@ -6,7 +6,7 @@
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 0.375rem; border-radius: 0.375rem;
background: var(--surface); background: var(--panel);
color: var(--text); color: var(--text);
width: 100%; width: 100%;
min-width: 0; min-width: 0;
@@ -65,7 +65,7 @@
right: 0; right: 0;
z-index: 100; z-index: 100;
min-width: 12rem; min-width: 12rem;
background: var(--surface); background: var(--panel);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -99,7 +99,7 @@
} }
.session-option-item:hover { .session-option-item:hover {
background: var(--surface-hover, rgba(0, 0, 0, 0.05)); background: var(--bg);
} }
.session-option-item.danger-text { .session-option-item.danger-text {