fix(ui): prevent session title from overflowing into drawer controls on mobile (#565)

packages/ui/src/components/chat/MobileSessionStatusBar.tsx
  - What: Added `min-w-0` to the title row flex container and `flex-1 min-w-0` to the session title span inside `SessionStatusHeader`.
  - Why: The flex container had `min-width: auto` (browser default), causing the title to expand beyond its constrained parent and bleed over the running/unread indicators and New button. `truncate` was a no-op without a width ceiling on the span. Fixes #556.
This commit is contained in:
Henry Moran
2026-03-01 11:03:26 +02:00
committed by GitHub
parent c5d4c2c2c7
commit 655b5ba823
@@ -446,8 +446,8 @@ function SessionStatusHeader({
<div className="w-full h-px bg-[var(--interactive-border)] my-1" />
</div>
)}
<div className="flex items-center gap-1.5">
<span className="text-[13px] text-[var(--surface-foreground)] truncate leading-none">
<div className="flex items-center gap-1.5 min-w-0">
<span className="flex-1 min-w-0 text-[13px] text-[var(--surface-foreground)] truncate leading-none">
{currentSessionTitle}
</span>
{childIndicators.length > 0 && (