From cf8c494329ffb6ff8edd3de6e0a99389ab8b1460 Mon Sep 17 00:00:00 2001 From: Bohdan Triapitsyn Date: Mon, 3 Aug 2026 01:32:03 +0300 Subject: [PATCH] fix: hide status row todo text sooner Adjusts the status row collapse threshold to avoid text overlap Keeps the todo and changed-files summary on one line more reliably --- packages/ui/src/index.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/index.css b/packages/ui/src/index.css index 13bf8da6..05a8f63f 100644 --- a/packages/ui/src/index.css +++ b/packages/ui/src/index.css @@ -930,8 +930,15 @@ html:not(.dark) .chat-scroll { } } -/* Status row: collapse optional text when narrow to keep both sides in one line. */ -@container status-row (max-width: 30rem) { +/* Status row: collapse optional text when narrow to keep both sides in one line. + * + * The todo text goes first, and it goes early. The changed-files summary on the + * left has a floor it cannot shrink past — the file count, the +/- counts and + * the chevron are all fixed width — so once the two sides no longer fit, they + * collide rather than politely truncating. 30rem was measured against the todo + * text alone; with a changed-files summary beside it the collision starts around + * 36rem, so this hides one step before that. */ +@container status-row (max-width: 38rem) { .status-row__active-todo { display: none; }