Improving the Bulk Actions UX

Continuing the discussion from "make listed" again in the bulk actions:

Currently the Bulk Actions modal is, well… not pretty.

Some “issues” that come to mind: the buttons aren’t aligned, similar buttons aren’t next to each other (why are replace & append tags on separate lines, why are “[foo] topics” on 3 different lines, etc), only “relist topics” is smart, all other buttons appear at all times.


Suggested improvements:
Adjust the order of the buttons so similar buttons are better grouped.
Consider standardizing the button sizes so they are aligned.
Make all buttons “smart”. In the above screenshot, all selected topics are closed and unlisted - therefore “close topics” and “unlist topics” should not appear.
Provide tooltips to help new site staff: what exactly does “reset read” mean, what is the difference between replace tags and append tags, who does “change notification level” affect, etc.

4 Likes

Yes, I brought this up with @eviltrout today. At minimum this should have the appropriate glyphs (in grey, not black please – might want to make that a global CSS button style default) on the buttons.

1 Like

There are some logical “sections” here, perhaps reorganize this in sections per:

Categorization:

  • Append tag
  • Replace tag
  • Change category

Status:

  • Archive
  • Close
  • Unlist
  • Relist

User:

  • Change notification lever
  • Reset read

Other:

  • Delete Topics

Simply adjusting the order and adding glyphs suffices for now. No need to excessively scope creep this so close to the end of a release.

This commit improves the look of the panel:

https://github.com/discourse/discourse/commit/5bbc477baaacc2c3317c8fd82a1a058502f6d761

10 Likes

Minor, but worth changing, “Delete” should be red like it is in the wrench. I would probably also make it last in the list.

4 Likes

Latest commit changes it to this.

8 Likes

7 Likes