From 8b2789b9b2ad252ca71a67a90a41d15bf4a42568 Mon Sep 17 00:00:00 2001 From: Niklas Ye Date: Fri, 25 Sep 2026 17:25:17 +0200 Subject: [PATCH] Let the filter chips wrap in the desktop incident list The list pane is 340-420px wide and its chip row scrolled sideways with the scrollbar hidden. That works by swipe on a phone, but a mouse has nothing to grab, so Archived (the last chip) could not be reached on a wide screen. In the desktop layout the row now wraps instead, and the divider between the status and team chips is hidden there, since it would sit mid-line. Phones keep the sideways scroll: the rule is inside the min-width: 900px block. Claude-Session: https://claude.ai/code/session_01MMados3BD1oSjevHxbmVqU --- internal/web/static/app.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/internal/web/static/app.css b/internal/web/static/app.css index dfb9a2b..c0e3200 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -638,6 +638,10 @@ kbd { .view-queue .pane { overflow: auto; height: 100dvh; } .pane-list { border-right: 1px solid var(--border); } .pane-list .chips { position: sticky; top: 0; z-index: 2; background: var(--bg); padding-top: 16px; } + /* The pane is 340-420px wide and a mouse cannot scroll a row whose scrollbar + is hidden, so the chips wrap here instead: Archived stays reachable. */ + .pane-list .chips { flex-wrap: wrap; overflow-x: visible; } + .pane-list .chip-sep { display: none; } .view-queue:not(.has-detail) .pane-detail { display: block; } /* On desktop the list stays visible next to the detail. */