Important Links

The plan is to utilize the Right Sidebar to display the Channel Info and Menu Items. The Center Channel Panel will collapse to reveal the Info RHS Panel below.

Add the Info Icon to the Channel Header

This icon will give access to open the channel info in the RHS. Clicking on the Channel Name will also open the Channel Info RHS panel.

Channel Info Right Sidebar Options

About Info

Rather than displaying this info in a modal, it will now display in the new Channel Info Sidebar. This will include the Channel Purpose, Header and URL.

NOTE: Channel info will be truncated to a height of 72px. If there is more content beyond that, a ‘More’ button displays which will expand the content to its full height.

Editing Channel Info

When a user hovers over the ‘About’ area, a pencil icon displays for quick access to editing. Clicking on the pencil will open the new edit channel modal for editing. (see below)

‘Favorite’ Button

Same function as the favorite icon next to the channel name in the channel header, but a more prominent button

‘Mute’ Button

A new prominent button in the Channel Info Sidebar. When clicked, it is toggled on and the mute icon displays in the channel header

‘Invite’ Button

Replaces the ‘Add Members’ menu item from the Channel Menu. Available as a prominent button in the new RHS Info panel. Clicking this will launch the existing modal.

‘Copy Link’ Button

A new button that copies the channel’s link to the user’s clipboard.

‘Members’ Menu Item

Replaces the ‘Members’ popover. Displays a list of all Channel Members in a subpanel. A ‘Manage Members' button displays in this panel.

Members Subpanel

‘Pinned Messages’ Menu Item

Pinned Messages will stay in the RHS, but will become a subpanel of the Info panel. It will still be directly accessible from the Channel Header Pin Icon Button.

‘Files’ Menu Item

Files will stay in the RHS, but will become a subpanel of the Info panel. It will still be directly accessible from the Channel Header Files Icon Button.

‘Notification Preferences’ Menu Item

Moves to the RHS and launches the current modal. Subsequent phases to address possibly reworking this.

'Edit Channel' Menu Item

A New menu item that will take users to a new modal with editable channel name, url, header, purpose and private/public setting. (see below)

‘Leave Channel’ Menu Item

Triggers a confirmation modal to make sure the user indeed wants to leave the channel

Edit Channel Modal

A new modal that combines the current “Rename Channel”, “Edit Channel Purpose”, “Edit Channel Header” modals.

New Channel Info Right Sidebar