Skip to content

The chat rail has one column - #607

Merged
WaylandYang merged 3 commits into
devfrom
fix/the-chat-rail-has-one-column
Sep 12, 2026
Merged

WaylandYang merged 3 commits into
devfrom
fix/the-chat-rail-has-one-column

Conversation

@WaylandYang

Copy link
Copy Markdown
Contributor

The conversation rail had three left edges in one narrow column: the empty-state line
started at 16, "Recent" and every conversation title at 20, and the search placeholder and
"New chat" at 42.

The rail baseline is box 8 / icon 20 / text 42 (DESIGN rule 2): the rail pads 8, a nav row
pads 12, the icon is 14 wide and sits 8 from its label, and a medium input with an icon
carries the same left-3 / pl-[34px]. A nav row with no icon keeps the slot so its label
lands on that same line, and flush is the opt-out for a rail where no row has an icon at
all. This rail has one row with an icon, "New chat", so nothing in it should have been
flush. It was the only place in the app using the flag.

"Recent" and the conversation titles drop flush and return to 42. The empty state gets
pl-[34px] instead of px-2, which puts it on the same line as the titles it stands in
for rather than on a third one of its own. The comment that argued for flush is replaced
by the baseline itself; its point was that a column of repeated bubble icons would push
every title right, which is true and is why the slot stays empty instead of being filled.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Signed-off-by: WaylandYang <wayland0916@gmail.com>
@WaylandYang
WaylandYang merged commit 79a7591 into dev Sep 12, 2026
4 checks passed
@WaylandYang
WaylandYang deleted the fix/the-chat-rail-has-one-column branch September 12, 2026 08:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant