fix(kanban): single-row horizontal scroll for board columns

Switch .hermes-kanban-columns from auto-fit CSS grid to a flex row with
overflow-x: auto and a hidden scrollbar (scrollbar-width / ::-webkit-
scrollbar), and pin .hermes-kanban-column to flex: 0 0 280px so columns
sit side-by-side at a fixed width instead of wrapping into a 2xN grid.

Page vertical scroll is unaffected: each column already caps at
max-height: calc(100vh - 220px), so the container never grows tall
enough to introduce its own vertical scrollbar.
This commit is contained in:
sadiksaifi 2026-05-18 19:36:44 -07:00 committed by Teknium
parent 5cbf86f1c8
commit 523254b34a

View file

@ -63,13 +63,18 @@
/* ---- Columns layout -------------------------------------------------- */
.hermes-kanban-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
display: flex;
gap: 0.75rem;
align-items: start;
overflow-x: auto;
scrollbar-width: none;
}
.hermes-kanban-columns::-webkit-scrollbar {
display: none;
}
.hermes-kanban-column {
flex: 0 0 280px;
display: flex;
flex-direction: column;
background: color-mix(in srgb, var(--color-card) 85%, transparent);