Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 16 Next »

Design and Documentation In Progress

Figma Design File

Figma Prototype

Since a number of elements will be removed from the Channel Header, it will be refreshed to work with the rest of the layout.

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)

  • Show Channel Header description on hover of the left side of the channel header area

NOTE: The RHS’s header will need to match this new height when this change is made

Default State

Hover State

When users hover over the left half of the channel header area, reveal the channel header/description. Add a delay of 150ms to the hover to ensure the hover state doesn’t show when passing through the channel header area quickly.

Sample Animation

Channel Menu

Add icons and organize the channel menu

Future Updates

In the next phase, the channel menu and channel info will display in a new Channel Info Right Sidebar View.

  • test
  • test
  • No labels