From cf702c9bbd337d72e43e68bf3508f0e8ec4abdbb Mon Sep 17 00:00:00 2001 From: gsxdsm Date: Mon, 22 Jun 2026 01:55:36 -0700 Subject: [PATCH] fix(dashboard): taller Git Manager dock tab strip with narrower icon-over-label tabs 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) --- .../dashboard/app/components/ScriptsModal.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/packages/dashboard/app/components/ScriptsModal.css b/packages/dashboard/app/components/ScriptsModal.css index 54f587b0c6..0a7071fecc 100644 --- a/packages/dashboard/app/components/ScriptsModal.css +++ b/packages/dashboard/app/components/ScriptsModal.css @@ -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; }