Design and Documentation In-Progress
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 Items
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.
Editing channel details
For users who have permission, hovering over the about area will show the area as editable. Clicking to edit will take users to a new modal with editable channel name, url, header, purpose and private/public setting. (see below)
New edit channel modal
A new modal for editing channel details is needed here and is scoped to be done as part of the channel header and channel menu updates. See details here
‘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.
Not available on DM RHS info panel
‘Copy Link’ Button
A new button that copies the channel’s link to the user’s clipboard. When clicked, the state of the button changes to show that it’s been copied to the 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.
‘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.
NOTE: This modal has the same fields as the ‘New Channel’ modal so it might be worth considering updating that at the same time to match the new style.
Members Subpanel
The new members RHS panel is a subpanel to the main Channel Info RHS. Users can Manage members (if they have permissions), invite/add new Channel members (if the have permissions) and scroll through the list of members. When a member in the list if hovered, a ‘message’ icon appears which will open up a DM for that user. Clicking on the main content of the member item in the list will open up that user’s profile card.
In the Header, a back arrow Icon Button displays. Clicking this back icon button will go back to the main Channel Info panel.
Below the header, a secondary header displays with the number of members and two buttons to manage and/or Add members (if there are permissions to do so)
Search members
The search input only displays if there are > 20 members in the channel
Members list
Display each members avatar, status, display name, username and the channel admin badge if it applies
Pinned Messages Subpanel
The Pinned Messages panel is the same as it currently, except for the fact that it will now be a subpanel of the main channel info panel. Pinned Messages can be accessed from the Channel Header Icon Button or from the new Channel Info RHS menu item.
Files Subpanel
The Channel-specific Files panel is the same as it currently, except for the fact that it will now be a subpanel of the main channel info panel. Files can be accessed from the Channel Header Icon Button or from the new Channel Info RHS menu item.
Sample of how Subpanels behave
Subpanels slide in on top of the main panel. (Ignore the jankiness of the GIF)
