fix(room): one width for every right-hand panel (#263) #428

Merged
jared merged 1 commits from fix/side-panel-width into lotus 2026-10-19 14:54:18 -04:00
Owner

Fixes #263.

The six right-hand room panels had five different widths: members and bookmarks 266 px, gallery 320, threads list 340, a thread and widgets 360. Swapping one for another resized the room view, so the header icons slid sideways (−74 px for members → threads). A second click on the same spot then opened Widgets instead of closing the panel.

Now: all six use SIDE_PANEL_WIDTH (340 px, styles/sidePanel.ts), the threads list's width and the middle value. The member list is 74 px wider; a thread and widgets are 20 px narrower. Phones are unchanged (full-screen panels under 750 px).

Verified (Playwright, x positions of the header toggles):

1440 px 1280 px
members open (default) threads 891, gallery 931, widgets 971 731, 771, 811
after clicking Threads 891, 931, 971 (unchanged) 731, 771, 811
after clicking Gallery unchanged unchanged
second click at the same spot the panel closes, back to members the same

Widgets never opened. Before the fix the icons moved 74 px (threads) and 54 px (gallery). A screenshot at 1280 px with the member list looks fine.

🤖 Generated with Claude Code

https://claude.ai/code/session_017PCb59uY3UKqDqt7B6hzd5

Fixes #263. The six right-hand room panels had five different widths: members and bookmarks 266 px, gallery 320, threads list 340, a thread and widgets 360. Swapping one for another resized the room view, so the header icons slid sideways (−74 px for members → threads). A second click on the same spot then opened **Widgets** instead of closing the panel. **Now:** all six use `SIDE_PANEL_WIDTH` (**340 px**, `styles/sidePanel.ts`), the threads list's width and the middle value. The member list is 74 px wider; a thread and widgets are 20 px narrower. Phones are unchanged (full-screen panels under 750 px). **Verified** (Playwright, x positions of the header toggles): | | 1440 px | 1280 px | |---|---|---| | members open (default) | threads 891, gallery 931, widgets 971 | 731, 771, 811 | | after clicking Threads | **891, 931, 971** (unchanged) | **731, 771, 811** | | after clicking Gallery | unchanged | unchanged | | second click at the same spot | the panel closes, back to members | the same | Widgets never opened. Before the fix the icons moved 74 px (threads) and 54 px (gallery). A screenshot at 1280 px with the member list looks fine. 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_017PCb59uY3UKqDqt7B6hzd5
jared added 1 commit 2026-10-19 14:14:30 -04:00
fix(room): one width for every right-hand panel (#263)
CI / Build & Quality Checks (pull_request) Successful in 1m43s
CI / Trigger Desktop Build (pull_request) Skipped
CI / Docker image build & smoke test (pull_request) Skipped
CI / Secret scan (gitleaks) (pull_request) Successful in 8s
CI / Playwright smoke (e2e) (pull_request) Successful in 13m12s
ed494d2ae5
Members and bookmarks were 266px, the gallery 320, the threads list 340,
a thread and widgets 360. Swapping panels resized the room view, so the
header icons slid sideways (74px for members -> threads) and a second
click on the same spot opened Widgets instead of closing the panel. All
six now use SIDE_PANEL_WIDTH (340px, styles/sidePanel.ts).

Fixes #263

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017PCb59uY3UKqDqt7B6hzd5
jared merged commit e1168f47bb into lotus 2026-10-19 14:54:18 -04:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: LotusGuild/cinny#428