# Improving the Bulk Actions UX

**URL:** https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458
**Category:** UX
**Tags:** bulk-actions
**Created:** [10 mei 2017 om 19:52 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458 "2017-05-10T19:52:49Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [10 mei 2017 om 19:52 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/1 "2017-05-10T19:52:49Z")

</div>

Continuing the discussion from ["make listed" again in the bulk actions](https://meta.discourse.org/t/make-listed-again-in-the-bulk-actions/58286/5):

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

 ![](https://global.discourse-cdn.com/meta/original/3X/9/a/9ae8c7f5246c2ab75da5bb448c30b390d62fbd2a.png)

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.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10 mei 2017 om 22:11 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/2 "2017-05-10T22:11:59Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11 mei 2017 om 15:48 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/3 "2017-05-11T15:48:26Z")

</div>

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

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [11 mei 2017 om 15:52 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/4 "2017-05-11T15:52:30Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [11 mei 2017 om 18:49 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/5 "2017-05-11T18:49:28Z")

</div>

This commit improves the look of the panel:

[https://github.com/discourse/discourse/commit/5bbc477baaacc2c3317c8fd82a1a058502f6d761](https://github.com/discourse/discourse/commit/5bbc477baaacc2c3317c8fd82a1a058502f6d761)

 ![](https://global.discourse-cdn.com/meta/original/3X/6/2/62215a1fafc9b1c5f47d967ea5b94fb9e8cedb93.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11 mei 2017 om 19:00 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/6 "2017-05-11T19:00:30Z")

</div>

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

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [11 mei 2017 om 19:10 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/7 "2017-05-11T19:10:11Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/5/4/546a528a25ac27fa808974e1801ae864caeac382.png)

Latest commit changes it to this.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [11 mei 2017 om 19:17 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/8 "2017-05-11T19:17:25Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/c/4/c4fb02ac04711863214ad73cabea0bfa0bd2217f.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [11 mei 2017 om 19:17 UTC](https://meta.discourse.org/t/improving-the-bulk-actions-ux/62458/9 "2017-05-11T19:17:31Z")

</div>


