fix(board): v2 column height chain — stretch main area, board flexes so card lists scroll

This commit is contained in:
chahinebrini 2026-07-20 18:11:51 +02:00
parent 2b742706f2
commit 2a57588797

View File

@ -122,7 +122,7 @@ export function boardV2Css(): string {
/* ── Layout ───────────────────────────────────────────────────────── */ /* ── Layout ───────────────────────────────────────────────────────── */
.b2-body { .b2-body {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 330px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(290px, 330px);
gap: 16px; min-height: 0; flex: 1 1 auto; align-items: start; gap: 16px; min-height: 0; flex: 1 1 auto;
} }
.b2-main { min-width: 0; display: flex; flex-direction: column; gap: 14px; min-height: 0; height: 100%; } .b2-main { min-width: 0; display: flex; flex-direction: column; gap: 14px; min-height: 0; height: 100%; }
.b2-glass { .b2-glass {
@ -171,7 +171,7 @@ export function boardV2Css(): string {
/* ── Board columns & task cards (ported v1, glass look) ───────────── */ /* ── Board columns & task cards (ported v1, glass look) ───────────── */
.board { .board {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px; align-items: stretch; min-width: 0; min-height: 0; height: 100%; gap: 12px; align-items: stretch; min-width: 0; min-height: 0; flex: 1 1 auto;
} }
.column { .column {
min-width: 0; background: var(--b2-surface); border: 1px solid var(--b2-border); min-width: 0; background: var(--b2-surface); border: 1px solid var(--b2-border);