root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): drop the border around the footer folder toggle

Browse Source 
The status-bar folder-toggle button had a 1px border + radius that made it
look like a chip. Per request, render it as a bare icon — transparent
background, no border. Hover now only shifts the icon color, the active
state drops to color only, and focus-visible still draws a focus ring with
border-radius applied so it remains a clean halo.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-04-25 10:55:06 -07:00
parent 30cadb1345
commit 255847659e
7 changed files with 614 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/dashboard/app/components/ExecutorStatusBar.css
View File

@@ -152,29 +152,26 @@
min-width: var(--executor-status-touch-size);
min-height: var(--executor-status-touch-size);
padding: 0;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
border: none;
background: transparent;
color: var(--text-muted);
cursor: pointer;
transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
transition: color var(--transition-fast);
}
.executor-status-bar__folder-toggle:hover {
background: var(--card-hover);
color: var(--text);
border-color: var(--text-dim);
}
.executor-status-bar__folder-toggle:focus-visible,
.executor-status-bar__project-path:focus-visible {
outline: none;
box-shadow: var(--focus-ring-strong);
border-radius: var(--radius-sm);
}
.executor-status-bar__folder-toggle--active {
color: var(--todo);
border-color: var(--todo);
}
.executor-status-bar__project-path {