Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Notetip

Design and Documentation In ProgressComplete

...

The following changes will be made to the channel header:

Remove Global-level App Icons

All apps that currently reside in the Channel Header will move to the Apps Bar as the new home for apps.

Add a new ‘Meet’ button

If video conference apps are configured for the user/server, a new ‘Meet’ button displays in the Channel Header.

Clean up and arrange remaining icons and controls

  • Shorten the height of the Channel Header to 56px (now matches Right Sidebar Header)

  • Add a new secondary bar for Channel Header description

Info

NOTE: The RHS’s header will need to match the height of the main channel header bar (see screenshot below)

...

Channel Header Variants

All channel header variants have been given a refreshed UI as well. Below outlines all the variants of the channel header and their different states.

Channel (Public or Private)

The standard header for channels. Below shows two states for when the header text is set or not.

...

DM

The updated DM header now includes an avatar image with status next to the name.

...

Bot

...

GM

...

Threads

...

Channel Menu

  • Add icons and re-organize the channel menu.

  • Add ‘More actions’ submenu for Plugin/App actions.

  • Make a submenu for editing channel details

...

  • One ‘Members’ menu item (opens the view or manage members modal depending on access)

...

Note for mobile views

The Channel Menu on mobile, must include the following menu items since they don’t appear in the channel header:

  • Favorite/Remove from Favorites

  • Pinned Messages

  • Files

...

Future Updates

The updates above will help pave the way to allow for proper bookmarks/links functionality in the header - rather than relying on markdown formatting. TBD

...