From 866dade2462f0cbb4b6a617cabe09dd5cc6dd2ea Mon Sep 17 00:00:00 2001 From: Peter Steinberger Date: Tue, 4 Aug 2026 20:06:26 -0700 Subject: [PATCH] fix(ui): keep session rail pill status from overlapping the headline (#119397) --- ui/src/styles/components.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css index 75c186718fb8..e51a08b22697 100644 --- a/ui/src/styles/components.css +++ b/ui/src/styles/components.css @@ -1800,7 +1800,9 @@ openclaw-chat-session-rail { .chat-session-rail__status { --rail-health-color: var(--muted); gap: 5px; - min-width: 0; + /* Never shrink: the chip has no overflow clipping, so a squeezed box paints + its label over the pill headline next to it. */ + flex: 0 0 auto; color: var(--rail-health-color); font-size: 11px; font-weight: 650; @@ -1866,6 +1868,9 @@ openclaw-chat-session-rail { } .chat-session-rail__headline { + /* Block, not inline: ellipsis needs a block box inside the pill's expand + button, or the text hard-clips at the button edge. */ + display: block; min-width: 0; overflow: hidden; color: var(--text);