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

(17 评论) (0 反应) (0 负责人)Python (19,672 star) (7,339 fork)batch import

UI experimentarea: mobile webarea: navbarbughelp wanted

描述

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:

技术栈: javascriptreactcss
领域: frontend
议题类型: feature
难度: 3
预计时间: half day
活动状态: active
清晰度: needs investigation
前置要求: ReactCSS media queriesZulip frontend architecture
新手友好度: 40
研究方向: 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.