Tablet: list and member panes as drawers beside the chat #13

Merged
thatumi merged 1 commit from feat/tablet-drawers into main 2026-09-27 22:37:47 +00:00
Owner

iPaden (és széles Android tableten) a szerver-/csatornalista és a taglista a chat mellé csúszik be, nem takarja el a teljes képernyőt. Telefonon változatlan.

Valódi iPad Air 4-en ellenőrizve (TestFlight build 120) + Chromium iPad-emulációban minden nyitás/zárás útvonal.

🤖 Generated with Claude Code

iPaden (és széles Android tableten) a szerver-/csatornalista és a taglista a chat mellé csúszik be, nem takarja el a teljes képernyőt. Telefonon változatlan. Valódi iPad Air 4-en ellenőrizve (TestFlight build 120) + Chromium iPad-emulációban minden nyitás/zárás útvonal. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
feat(tablet): list and member panes slide in as drawers beside the chat
All checks were successful
CI / build-and-test (pull_request) Successful in 39s
CI / android (pull_request) Successful in 2m45s
CI / e2e (pull_request) Successful in 3m17s
b99862a85c
Owner request (iPad Air 4): on a big screen the swipe-in server/channel
list and member list shouldn't take the whole screen; the chat should
stay visible next to them.

- useLayoutMode(): "phone" | "tablet" | "desktop". Tablet = the touch
  UI (everything useIsMobile gates stays on) on a >= md-wide, non-phone
  screen - an iPad in either orientation; split view below md falls
  back to phone live.
- MainLayout: on tablet the rail+list is a 330px drawer (its own
  open/closed state, independent of the room selection) beside the
  chat; px-based drag/rest instead of the phone's 200%-row percent.
  Opens on space switch / no active view; closes on any explicit room
  pick (uiStore.roomPickSeq, so re-tapping the selected room works),
  a Home view, a left swipe, or a tap on the dimmed chat.
- ChatArea: the member list is a 240px drawer the same way.
- Phone behaviour untouched (same code path, percent transforms).

Verified in Chromium iPad emulation (820x1180, coarse pointer, iPad
UA) against the live server: every open/close path lands on the
expected transform, and narrowing to 390px falls back to the phone
layout. Not yet on a real iPad.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
thatumi/JorKonvo!13
No description provided.