From 636b7af0ece615ea94f753a24be9eb5057ecf8c2 Mon Sep 17 00:00:00 2001 From: konpyl Date: Tue, 28 Jul 2026 20:39:54 +0400 Subject: [PATCH 1/4] fix(web): stop the space and tab chip rows painting over each other MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Both strips are direct children of the space route's `flex min-h-0 flex-1 flex-col overflow-y-auto` scroller with no `shrink-0`, so they were flex-shrunk vertically: 16px and 17px containers around 32px chips, whose natural need is 48px. The rows then overlapped by 15px — the space pills rendered sliced in half under the tab row, and a short label like `code` was reduced to its two rounded end-caps. Predates the theme work (reproduced against the shipped 0.17.0), and it shows in both themes. Split out from that branch so it can be read on its own. --- web/src/components/space-strip.tsx | 5 ++++- web/src/components/tab-strip.tsx | 3 ++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/web/src/components/space-strip.tsx b/web/src/components/space-strip.tsx index d330d8b..006e4e8 100644 --- a/web/src/components/space-strip.tsx +++ b/web/src/components/space-strip.tsx @@ -29,8 +29,11 @@ export function SpaceStrip({ onNewSpace, onBack, }: SpaceStripProps) { + // shrink-0: this strip is a child of the space route's `flex-1 flex-col` scroller, so without it + // the strip flex-shrinks to 16px while its 32px chips overflow — the tab row below then paints + // straight over the chips. return ( -
+
{onBack ? (