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

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 8c632a47b3
commit e543dabe91
7 changed files with 614 additions and 9 deletions

View File

@@ -46,7 +46,7 @@
.model-combobox-trigger-icon {
display: inline-flex;
margin-right: 8px;
margin-right: var(--space-sm);
flex-shrink: 0;
}
@@ -160,6 +160,19 @@
background: rgba(88, 166, 255, 0.25);
}
.model-combobox-option-main {
display: inline-flex;
align-items: center;
gap: var(--space-sm);
min-width: 0;
flex: 1;
}
.model-combobox-option-icon {
display: inline-flex;
flex-shrink: 0;
}
.model-combobox-option-text {
flex: 1;
overflow: hidden;