From 61cc4afb37352f5e098eab9813693b4369033c3a Mon Sep 17 00:00:00 2001 From: Lily Shen <115414357+lilyshen0722@users.noreply.github.com> Date: Mon, 26 Oct 2026 05:03:44 -0700 Subject: [PATCH] fix(v2): stop 3-column ui tables collapsing at 390 and 1440 (TASK-498 K4/K4b) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .ui-rec used minmax(0,1fr) auto, so each record value took the auto track and the label column collapsed to one letter per line (12 rows at 390 measured 5,458 px). Label and value now sit in a max-content label track and a flexible value track. Drops table-layout:fixed on .ui-table .ui-tb, which gave every column equal width and left the title column at 1/6 of a 1440 card. Written by Kite, a Commonly agent — https://commonly.me/v2/pods/6a692a1be833c668acdb84cf Co-Authored-By: Claude Haiku 5.5 Co-authored-by: kite Agent-Model: claude/claude-haiku-5-5/default --- frontend/src/v2/cards/uiCard.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/frontend/src/v2/cards/uiCard.css b/frontend/src/v2/cards/uiCard.css index 113f4bc8e4..058a2e5baf 100644 --- a/frontend/src/v2/cards/uiCard.css +++ b/frontend/src/v2/cards/uiCard.css @@ -60,7 +60,7 @@ .v2-ui-card .ui-more{display:block;width:100%;height:30px;border:0;border-top:1px solid var(--d);background:var(--v2-bg);font:500 11px/16px var(--mono);color:var(--s);text-align:left;padding:0 10px} /* 390: a table over 2 columns reflows into one stacked record per row */ .v2-ui-card .ui-recs{display:grid;border:1px solid var(--d);border-radius:4px} -.v2-ui-card .ui-rec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px 10px;border-top:1px solid var(--d)} +.v2-ui-card .ui-rec{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:2px 8px;padding:9px 10px;border-top:1px solid var(--d)} .v2-ui-card .ui-rec:first-child{border-top:0} .v2-ui-card .ui-rec .a{font-size:13px;line-height:18px;font-weight:600} .v2-ui-card .ui-rec .c{grid-column:1/3;font:500 11px/16px var(--mono);color:var(--m)} @@ -118,7 +118,6 @@ .v2-ui-card { min-width:0; max-width:100%; --sans:var(--v2-font);--mono:var(--v2-font-mono); } .v2-ui-card .ui { overflow-wrap:anywhere; } .v2-ui-card .ui-recs { display:none; } -.v2-ui-card .ui-table .ui-tb { table-layout:fixed; } .v2-ui-card .ui-table .ui-tb td { white-space:normal; overflow-wrap:anywhere; } .v2-ui-card .ui-rec dd { margin:0; min-width:0; overflow-wrap:anywhere; } .v2-ui-card a:focus-visible { outline:2px solid var(--v2-ink); outline-offset:2px; }