Page Comparison

Figma design

1. We hide bookmarks bar when its empty.

2. We show it when it has items.

3. We will not add a user setting in account settings for them to hide/show it for now as a default, we may consider that later.

4. We give users the option to hide it on a per user and a per channel basis using an option in the dropdown menu.

5. We add a separate bookmarks right hand sidebar, with the option to open it from the channel RHS.

The menu item will have 3 options.

1. Auto-show

   1. This is the default and hides the bookmarks bar if there are no items, but it shows as soon as there are items.

2. Always hide

   1. This allows the user to hide the bookmarks bar for that channel for himself.

3. Add a bookmark

   1. We also give an option from here to add a bookmarks bar.

...

Bookmarks RHS

...

The user seens a drag handle on hover.

...

Clicking on the plus icon in the bookmarks bar shows this menu now.

Image Removed

And clicking on manage bookmarks opens the Right hand sidebar.

When we add an ellipsis due to items overflowing in the bookmarks bar, they can also show the RHS directly.

...

The user can add bookmarks in multiple ways.

1. In the channel menu, they have a bookmarks bar menu item with 2 submenu items for Add a link and Attach a file.

2. In the channel info RHS under the channel header.

...

Bookmarks overflow

If there are more bookmarks than space available, we show all a count next to the bookmarks, and we show all the bookmarks in the popover allowing people to drag things around.

...

Showing bookmarks on the channel info RHS

We do not need the drag/drop here.

...