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

fix(dashboard): align footer folder icon with surrounding text on desktop

Browse Source 
Removed the always-on 40px touch-target sizing from the folder toggle so the
icon sits at the same baseline as adjacent status-bar text. Touch targets
are still applied via @media (pointer: coarse) and (max-width: 768px) so
mobile keeps a tappable hit area. line-height: 1 prevents the icon's box
from inheriting status-bar text leading.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-04-25 10:59:31 -07:00
parent beb3e7e7fb
commit 56e0860da1
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -149,16 +149,24 @@
display: inline-flex;
align-items: center;
justify-content: center;
min-width: var(--executor-status-touch-size);
min-height: var(--executor-status-touch-size);
padding: 0;
border: none;
background: transparent;
color: var(--text-muted);
cursor: pointer;
line-height: 1;
transition: color var(--transition-fast);
}
/* Mobile keeps a tappable 40-ish px target. Desktop collapses to the icon
so it aligns on the same baseline as the surrounding status-bar text. */
@media (pointer: coarse), (max-width: 768px) {
.executor-status-bar__folder-toggle {
min-width: var(--executor-status-touch-size);
min-height: var(--executor-status-touch-size);
}
}
.executor-status-bar__folder-toggle:hover {
color: var(--text);
}