Bookmarks Bar
The bookmarks bar appears right below the channel header.
Mobile
The bookmarks bar should be hidden by default on mobile if there are no bookmarks.
If there are bookmarks however, the bookmark bar would appear.
There is no way to hide/show the bookmarks bar on a user+channel level on mobile.
Desktop
The bookmark bar would appear on a channel by default even if you do not have a bookmark.
The user can optionally decide to hide it at a channel + user level using the bookmark icon on the right.
Adding a bookmark
Mobile
A user can add a bookmark by doing two things.
Clicking the plus button on the bookmarks bar.
Clicking the plus button in the channel info modal.
Desktop
There is only one way to add a bookmark on desktop, using the + button on the bookmarks bar itself.
Adding a bookmark popup/dropdown
Mobile
If you click on add a bookmark, a popup appears allowing you to choose a file or a link.
Desktop
A dropdown appears, allowing you to add a link or a file.
1. Adding a link
A user can add any valid link. As soon as the user enters a link, we fetch the open graph data, image and title, and display it. The user has a choice to change the title or the image to whatever he wants.
A spinner should also appear when the opengraph image and title is being fetched.
Updating bookmark icon
The user should be able to revert to the original bookmark icon if needed. So we would be storing that in the emoji picker. If not that, we can have a reset link if easier to revert back to the original icon.
Mobile
If the link is invalid, we’ll show an error:
Desktop
2. Adding a file
As soon as the user clicks on attach a file, a user can go through the same process as the attach file option in the post menu.
The user can only add one image at the time, and would have the option to change the image icon appearing on the bookmark and title.
Mobile
Desktop
How it displays with other banners
It would always be pinned right below the channel header.
Editing a bookmark
Mobile
You can see bookmark settings by long pressing on it. That would open the edit bookmark menu, allowing you to edit, delete, and share the bookmark.
Desktop
On desktop, a “…” icon would appear on hover, that the user can click to get two options.
Edit, and Delete.
Opening bookmarks
Opening a file bookmark is going to behave exactly how clicking on a file thumbnail behaves in a post.
Opening a link will behave differently if its internal or external
Internal link
Clicking It would open the message in the RHS.
External link
Open the link in a new tab
Reorder Bookmarks
The user can reorder bookmarks only on desktop, and this would be a user level change.
The user can just hover over the bookmarks item, and drag it left and right to change the order of the bookmarks for himself.
Example of notion below.
Permissions
Action | Default Permissions |
|---|---|
Adding a bookmark | Any Member |
Editing a bookmark | Any Member |
Deleting a bookmark | Any member |
Reordering bookmarks | Any member |
There permissions would be linked to: Manage channel settings in your system scheme
Open questions
cc Eric Sethna
Should we allow users to reorder bookmarks on mobile?
Parity (from Eric)
Should we allow users to add a bookmark with just an icon, no label/title? (Slack allows bookmarks without a label).
We can go without it (from Eric)
Should we include an open link option in the bookmarks dropdown/popover.
Should we have a “…” icon for options, or allow right click for options in desktop (both web and desktop app).
Should we expand the chip on “…” or overlap it with text.