bkinnightskytw
/
agent-orchestrator
mirror of https://github.com/ComposioHQ/agent-orchestrator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(web): make dashboard body scroll as one unit (closes #1923) 

PR #1925 added internal scroll on .done-bar__cards, but the
desired UX is page-level scroll — kanban above, Done/Terminated
below, scrolling as one unit (the pre-#927 behavior). Internal
scroll on the cards container produced a separate scrollable
region inside an otherwise locked layout.

Root cause: af2af115 (#927, Warm Terminal design refresh) added
`flex: 1; min-height: 0` to .kanban-board-wrap. That made the
wrap greedily consume all remaining body height, so body content
always equalled body height exactly — `.dashboard-main__body
{ overflow-y: auto }` never triggered.

Drop .kanban-board-wrap from the combined flex:1 rule. It now
takes its content size (= the inner .kanban-board's fixed
`calc(100vh - 240px)`). When done-bar expands below, body
content exceeds body height and the existing overflow-y: auto
produces natural page scroll.

.board-wrapper (empty state + loading skeleton) keeps flex:1 —
it relies on filling space to vertically center its CTA.

Also revert the now-unneeded .done-bar__cards max-height +
overflow-y + scrollbar styling from #1925.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
harshitsinghbhandari 2026-05-19 12:57:52 +05:30
parent ee3fb5d33a
commit f7f843cdd6
2 changed files with 1 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.changeset/fix-done-bar-scroll.md
View File

@ -2,4 +2,4 @@
"@aoagents/ao-web": patch
---
Fix Done/Terminated section on the dashboard not scrolling. The expanded cards grid now has an internal scroll container (mirroring the kanban column body pattern), so older terminated sessions are reachable when many accumulate.
Fix Done/Terminated section on the dashboard not scrolling. The dashboard body now scrolls as a single page — kanban above, Done/Terminated below — so older terminated sessions are reachable when many accumulate. Restores the pre-Warm-Terminal-refresh behavior by dropping the `flex: 1` that was making `.kanban-board-wrap` greedily consume all remaining body height and defeat the body's `overflow-y: auto`.

16
packages/web/src/app/globals.css
View File

@ -1545,7 +1545,6 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
padding: 0 16px 16px;
}
.dashboard-main__body .kanban-board-wrap,
.dashboard-main__body .board-wrapper {
flex: 1;
min-height: 0;
@ -5858,21 +5857,6 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 8px;
margin-top: 12px;
/* 320px ≈ dashboard header + subhead + body padding + done-bar toggle/margins.
Mirrors the .kanban-board viewport-anchored height pattern (line 5107). */
max-height: calc(100vh - 320px);
overflow-y: auto;
}
.done-bar__cards::-webkit-scrollbar {
width: 4px;
}
.done-bar__cards::-webkit-scrollbar-track {
background: transparent;
}
.done-bar__cards::-webkit-scrollbar-thumb {
background: var(--color-scrollbar);
border-radius: 0;
}
/* ── Done card (compact grid card) ──────────────────────────────────── */