Improve support for expanding navbar channel description on touchscreens. · zulip/zulip#33147

(17 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)Python (19.672 Stars) (7.339 Forks)batch import

UI experimentarea: mobile webarea: navbarbughelp wanted

Beschreibung

A few notes on things we could do better following #32702 at mobile sizes:

https://github.com/zulip/zulip/pull/32702/commits/e133825502a517070eba840b5a968c01d4b04d39#r1908043677: Make it easier to trigger (I'm not sure if the current state is OK).
Use the full width of the screen at mobile sizes, rather than just the portion that had been allocated to a slice of the channel description. Possibly it makes sense on mobile sizes to actually just have a button to display the channel description, rather than a compressed panel? I'm not sure, this needs some design.

The current state may not look good:

Tech Stack: javascriptreactcss
Domain: frontend
Issue Type: feature
Schwierigkeit: 3
Geschätzte Zeit: half day
Aktivitätsstatus: active
Klarheit: needs investigation
Voraussetzungen: ReactCSS media queriesZulip frontend architecture
Einsteigerfreundlichkeit: 40
Research-Richtung: Review linked PR #32702 and the referenced commit e133825 to understand current navbar channel description expansion behavior. Explore the frontend codebase, particularly files related to the navbar and channel description components, to identify areas for improvement. Investigate CSS media queries and touch event handling to propose a suitable design for mobile sizes, such as a dedicated button or full width panel. Consult design discussions in the issue comments for guidance.