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

fix(dashboard): taller Git Manager dock tab strip with narrower icon-over-label tabs

Browse Source 
Each section tab stacks its icon over a small label so all tabs are visible at once in the narrow dock with minimal horizontal scrolling.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-06-22 01:55:36 -07:00
parent 744bb384dc
commit cf702c9bbd
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/dashboard/app/components/ScriptsModal.css
View File

@@ -1986,29 +1986,36 @@ The embedded Git Manager adapts to its container width, not the viewport, so the
flex-direction: column;
}
/*
FNXC:GitManager 2026-06-22-01:00:
The dock tab strip is TALLER and each tab is NARROWER (icon stacked over a small label) so all section tabs are visible at once in the narrow dock without much horizontal scrolling.
*/
.gm-modal--embedded .gm-sidebar {
flex: 0 0 auto;
flex-direction: row;
width: 100%;
min-width: 0;
min-height: 0;
min-height: calc(var(--space-2xl) + var(--space-lg));
border-right: none;
border-bottom: 1px solid var(--border);
overflow-x: auto;
overflow-y: hidden;
padding: var(--space-xs);
padding: var(--space-xs) calc(var(--space-xs) / 2);
gap: calc(var(--space-xs) / 2);
}
.gm-modal--embedded .gm-nav-item {
flex: 0 0 auto;
flex-direction: row;
gap: var(--space-xs);
padding: calc(var(--space-xs) / 2) var(--space-xs);
flex-direction: column;
align-items: center;
justify-content: center;
gap: calc(var(--space-xs) / 2);
padding: var(--space-xs) calc(var(--space-xs) / 2);
border-left: none;
border-bottom: 2px solid transparent;
min-width: 0;
font-size: var(--font-size-xs);
line-height: 1.1;
white-space: nowrap;
}