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:
@@ -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 && (
|
||||
|
||||
Reference in New Issue
Block a user