mirror of
https://github.com/NousResearch/hermes-agent.git
synced 2026-06-01 07:01:41 +00:00
fix(kanban): wrap columns into rows and fix vertical overflow
Two CSS issues in the kanban dashboard: 1. Columns overflow horizontally with no way to reach them — the original scrollbar-width: none hid the scrollbar entirely, and even with a scrollbar, a wrapping layout is better UX for a board with 8+ columns. Changed to flex-wrap: wrap and removed the overflow-x: auto + hidden scrollbar rules. Columns now flow into multiple rows (~3 per row on a typical viewport) instead of running off-screen. 2. .hermes-kanban-column-body lacked flex: 1 and min-height: 0, so the flex child's implicit min-height: auto prevented it from shrinking below its content size. Columns with many cards pushed past the parent max-height instead of scrolling internally. Verified: 9 columns wrap into 3 rows, all visible without horizontal scroll. Done column (53 tasks) scrolls vertically within its column bounds.
This commit is contained in:
parent
9b5dae17a5
commit
538f0fa339
1 changed files with 3 additions and 5 deletions
8
plugins/kanban/dashboard/dist/style.css
vendored
8
plugins/kanban/dashboard/dist/style.css
vendored
|
|
@ -64,13 +64,9 @@
|
|||
|
||||
.hermes-kanban-columns {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
align-items: start;
|
||||
overflow-x: auto;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.hermes-kanban-columns::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hermes-kanban-column {
|
||||
|
|
@ -143,6 +139,8 @@
|
|||
gap: 0.45rem;
|
||||
overflow-y: auto;
|
||||
padding-right: 0.1rem;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.hermes-kanban-empty {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue