fix(channels): flatten the list and make the panes swipeable - #3832
Merged
puemos merged 1 commit intoJul 27, 2026
Merged
Conversation
"Starred" and "Channels" are headings over the rows, not parents of them. Drop the "#" from the heading (it read as a channel named "Starred") and the indent under it, so a channel sits at the heading's level and the glyph — "#" now, a lock once channels can be private — belongs to the row that has it. Dim the shortcut hints: at full strength they competed with the channel names they annotate. Add a two-finger horizontal swipe between the two panes, so the back row isn't the only way out of a channel and swiping the other way returns to the channel you're still scoped to. A trackpad swipe arrives as a horizontal wheel; the sidebar has nothing to scroll sideways, so the panes claim those, accumulate the deltas across the gesture, and lock until the wheel goes quiet so the momentum tail can't swipe straight back. All three stay under the channels layout flag — the alpha's tree renders as it does today. Generated-By: PostHog Code Task-Id: 1932f1b0-a072-4de2-a21d-6455e6c445ee
|
React Doctor found no issues in the changed files. 🎉 Reviewed by React Doctor for commit |
puemos
marked this pull request as ready for review
July 27, 2026 08:28
puemos
merged commit Jul 27, 2026
4d6a452
into
posthog-code/channels-stack-3-spaces-ui
25 of 26 checks passed
Contributor
|
👋 Visual changes detected for this PR. Review and approve in PostHog Visual Review If these changes are unexpected, they may be caused by a flaky test or a broken snapshot on master. Don't approve — rerun the job or wait for a fix. |
puemos
added a commit
that referenced
this pull request
Jul 27, 2026
puemos
added a commit
that referenced
this pull request
Jul 27, 2026
puemos
added a commit
that referenced
this pull request
Jul 28, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
Design follow-ups on the Channels sidebar slider in #3814.
The list read as a tree when it isn't one: "Starred" and "Channels" carried a
#(so they scanned as channels themselves) and the rows under them were indented,
as if a channel belonged to its heading. The
⌘1-9hints sat at full strengthand pulled the eye off the channel names they annotate. And the back row was the
only way out of a channel — no gesture.
Changes
#and the indent under them, so achannel sits at its heading's level and the glyph (
#, or a lock once channelscan be private) belongs to the row that has it. The heading's icon well rests
empty and fills with a chevron on hover/focus.
⌘1-9at 50% opacity, still hidden on hover.channel list and back into the channel you're still scoped to
(
useChannelPaneSwipe). A trackpad swipe arrives as a horizontal wheel and thesidebar has nothing to scroll sideways, so the panes claim those, accumulate
the deltas across the gesture, and lock until the wheel goes quiet — otherwise
the momentum tail swipes straight back.
All three are under the channels layout flag; the alpha's channel tree renders
exactly as it does today, which the tests pin.
Based on
posthog-code/channels-stack-3-spaces-uiso the changes land in #3814— the signed-commit tooling has that branch locked as this session's base and
refuses to commit to it directly.
How did you test this?
pnpm --filter @posthog/ui test— 249 files / 2192 tests pass, including newcoverage for the swipe (back, forward, delta accumulation, vertical scroll
ignored, momentum lock) and for the flat-vs-indented grouping on each side of
the flag.
pnpm --filter @posthog/ui typecheckand Biome clean.Automatic notifications
Created with PostHog Code