LotusGuild/cinny
3
0
Fork 0
Code Issues 27 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Threads: opening the thread panel next to the member drawer squeezes both composers to a few characters at ≤1400 px #218

New Issue
Closed
opened 2026-09-18 21:31:31 -04:00 by jared · 1 comment
jared commented 2026-09-18 21:31:31 -04:00
Owner
Copy Link
Copy Source

From the #165 audit (screenshot on that issue). With the member list open, opening a thread on a 1400 px window leaves the main composer showing "Send a mes…" and the thread composer "S…"; three right-hand columns do not fit. Element collapses the right panel when a thread opens below ~1500 px. Suggest: below a width threshold, opening the thread panel hides the members drawer (and restores it on close), or make the thread panel the only right panel on Desktop widths under 1500 px.

From the #165 audit (screenshot on that issue). With the member list open, opening a thread on a 1400 px window leaves the main composer showing "Send a mes…" and the thread composer "S…"; three right-hand columns do not fit. Element collapses the right panel when a thread opens below ~1500 px. Suggest: below a width threshold, opening the thread panel hides the members drawer (and restores it on close), or make the thread panel the only right panel on Desktop widths under 1500 px.
thread-1400.png
542 KiB
thread-1600.png
616 KiB
thread-1400.png thread-1600.png
jared added this to the Features 2026-Q4 milestone 2026-09-18 21:31:31 -04:00
jared added the priority: lowuxarea: threads labels 2026-09-18 21:31:31 -04:00
jared commented 2026-09-19 13:07:30 -04:00
Author
Owner
Copy Link
Copy Source

Fixed in 8b1c9fa6 — it was two problems:

  1. Three columns don't fit under ~1500 px. The member drawer now yields to an open content panel (thread / gallery / widgets / threads list) on desktops ≤ 1500 px and comes back when the panel closes — Element's behaviour.
  2. The thread composer was squeezed at every width, not just 1400: it rendered the full ten-button toolbar inside the 360 px panel, leaving 24 px for the input ("S…") even at 1600 px with room to spare. RoomInput gained a compactLayout prop (the phone one-row + | input | emoji | send layout, secondary tools behind "+") and the thread panel uses it.

Measured headless — 1400 px: thread open → drawer hidden, composers 328 / 168 px (was 422 → "Send a mes…" + 24 px); 1600 px: drawer stays, thread composer 168 px.
1400
1600

Fixed in `8b1c9fa6` — it was two problems: 1. **Three columns don't fit under ~1500 px.** The member drawer now yields to an open content panel (thread / gallery / widgets / threads list) on desktops ≤ 1500 px and comes back when the panel closes — Element's behaviour. 2. **The thread composer was squeezed at every width**, not just 1400: it rendered the full ten-button toolbar inside the 360 px panel, leaving 24 px for the input ("S…") even at 1600 px with room to spare. `RoomInput` gained a `compactLayout` prop (the phone one-row `+ | input | emoji | send` layout, secondary tools behind "+") and the thread panel uses it. Measured headless — 1400 px: thread open → drawer hidden, composers 328 / 168 px (was 422 → "Send a mes…" + 24 px); 1600 px: drawer stays, thread composer 168 px. ![1400](https://code.lotusguild.org/attachments/06bb6f9d-d33f-4b3b-9bad-b4dace51fe49) ![1600](https://code.lotusguild.org/attachments/f763028f-d9af-47f2-97ff-b76c3e956d3b)
jared closed this issue 2026-09-19 13:07:30 -04:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
a11y
Accessibility: keyboard, screen reader, contrast, motion
 area: appearance
Client area: appearance
 area: auth-session
Client area: auth-session
 area: build-ci
Client area: build-ci
 area: calls
Client area: calls
 area: desktop
Client area: desktop
 area: media
Client area: media
 area: messaging
Client area: messaging
 area: mobile
Client area: mobile
 area: moderation
Client area: moderation
 area: navigation
Client area: navigation
 area: notifications
Client area: notifications
 area: settings
Client area: settings
 area: threads
Client area: threads
 bug
Something is not working
 dependencies
Third-party package versions and advisories
 docs
README / LOTUS_* docs wrong or missing
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 needs-human-review
performance
Re-render storms, leaks, heavy work on hot paths
 planning
priority: critical
Data loss, security hole, or crash on a main path
 priority: high
Broken feature or serious usability problem
 priority: low
Minor issue or polish
 priority: medium
Wrong behaviour in an edge case or notable degradation
 qa
Manual QA: shipped, needs a human in a real environment
 question
More information is needed
 research
security
XSS, unsafe URLs, data leaks, auth/session
 tech-debt
Code health, dead code, fragile patterns
 ux
Usability or visual inconsistency
 wontfix
This won't be fixed
No labels area: threads priority: low ux
Milestone
No items
No Milestone Features 2026-Q4
Projects
Clear projects
No projects
Assignees
Clear assignees
cole (Cole Keller) jared (Jared Vititoe) nathan (Nathan Vititoe)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: LotusGuild/cinny#218