zulip-flutter icon indicating copy to clipboard operation
zulip-flutter copied to clipboard

Published 20 hours ago • verified publisher icon zulip

Channels-page design update

Open gnprice opened this issue 8 months ago • 5 comments

The "Channels" page, which lists the user's subscribed channels, has an updated design in Figma. This issue is for implementing the new design.

Design

For details of the design, see Figma: https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=6205-25974&m=dev

Image

Differences from Figma:

  • The design there shows "pinned" status as an icon at the left. For this issue, we'll continue to instead show pinned channels as a distinct section of the list — this matches how they appear in the web app's left sidebar, and saves a bit of horizontal space to make room for channel names.

    (In the future we might change to the icon-based "pinned" design in both the web and mobile clients.)

  • The design there shows a "Filter channels" search box at the top. That is a useful feature but will be a separate follow-up issue.

References

  • Issue where we originally implemented this page: #187
  • Issue to add the related "All channels" page: #188

gnprice avatar Mar 13 '25 00:03 gnprice