Show quick actions on narrow screens

[p2edwards]

Description

Wrap the Projects View header so that quick action buttons show up on mobile devices.

Reduce quick actions to Sharing, Archive, Delete.

Show the buttons even if the selection is empty, and show helpful tooltips on desktop even when actions are not possible.

Related issues

Fixes #4583
Related to #4404

Details

These are the Quick Actions now:

• Archive/Unarchive
• Sharing
• Delete

The 'Edit Project' button and the dropdown menu with other actions were removed.

Placeholder buttons for Archive, Sharing, Delete are now shown all the time.

• The hover tooltips, which show on screens > 768px wide, provide special hints if your selection is empty or, in case of the Archive button, consists of 1 draft.

Bulk 'Delete' button is now enabled only if the user has management access to every selected project.

Checklist

• Wrap so that on narrow widths, you can still access every button
•  Show (faded/disabled) versions of every button when they don't apply, instead of disappearing them
•  Simplify options (Archive, Sharing, Delete)
• Right-align tooltips so they are less likely to get cropped
• Refine tooltips for clarity
• Add a guard for Bulk Delete
• Make custom view routes show bulk actions, too

[magicznyleszek]

I wonder… when I select a project, and do some bulk action (e.g. archive) and it goes through successfuly, the projects list updated, but the project is still selected. Do you think we should unselect all projects whenever the list is being updated?

[p2edwards]

I think it's more normal to retain the selection after a bulk action. e.g. Gmail bulk "mark read", Finder bulk rename or tag – both retain the selection.

More:

• For us it's a little moot right now since we only support delete. But if we supported >1 archive it might be nice to retain the selection so you can see where they all went.
• I definitely want to retain the selection if the list is 'updated' due to pagination infinite scroll

This selection UI in general feels a little incomplete, as we don't support ranged selection or deselect-all (clear selection button) yet. If we add bulk archive / unarchive it would be nice to have an undo. And it might be nice to have a "X projects selected" indicator somewhere.

[magicznyleszek]

We could add the indicator here:

[magicznyleszek]

I feel it would be nice to have it (not saying we should add it right now), as after I archived a project, it went outside the visible area. By mistake user could think that there is nothing selected, and could select another project and got confused or did some action unknowingly.