fix(dashboard): gm tabs scroll on mobile; drop unused Board destructure

- Git Manager mobile (<=768px) nav strip: icon-only compact tabs with width:auto (was inheriting base width:100% → one tab/swipe) in a horizontally-scrolling row so multiple sections show at once — matches the dock one-row treatment.
- Remove unused selectedWorkflowId from Board's useBoardWorkflows destructure (lint).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-06-22 04:40:30 -07:00
parent e6aebdc316
commit 4b4f50c69e
2 changed files with 22 additions and 9 deletions

View File

@@ -375,7 +375,6 @@ export function Board({ tasks, projectId, maxConcurrent, onMoveTask, onPauseTask
workflowMode,
workflowOptions,
selectedWorkflow,
selectedWorkflowId,
setSelectedWorkflowId,
refreshBoardWorkflows,
setBoardWorkflowsState,

View File

@@ -4243,18 +4243,32 @@ Refresh button pinned at the end of the section nav strip (replaces the removed
gap: var(--space-xs);
}
/*
FNXC:GitManager 2026-06-22-19:35:
Mobile (<=768px) nav strip: ICON-ONLY compact tabs in one horizontally-scrolling row so multiple sections are visible at once. width:auto overrides the base .gm-nav-item width:100% that otherwise made each tab fill the row (one tab, swipe-only). Labels are sr-only (button title is the tooltip).
*/
.gm-nav-item {
flex: 0 0 auto;
flex-direction: column;
gap: calc(var(--space-xs) / 2);
padding: var(--space-xs) var(--space-sm);
width: auto;
align-items: center;
justify-content: center;
gap: 0;
padding: var(--space-xs);
border-left: none;
border-bottom: 2px solid transparent;
font-size: var(--font-size-xs);
min-width: calc(var(--space-2xl) + var(--space-xl));
min-height: calc(var(--space-xl) + var(--space-sm));
text-align: center;
justify-content: center;
min-width: calc(var(--space-xl) + var(--space-xs));
}
.gm-nav-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.gm-nav-item.active {