# Indication of disabled badges in admin overview

**URL:** <https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609>\
**Category:** Feature\
**Created:** [2017年十二月7日 10:07 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609 "2017-12-07T10:07:53Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bas/32/294929_2.png) [@Bas](https://meta.discourse.org/u/Bas)\
**Post date:** [2017年十二月7日 10:07 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/1 "2017-12-07T10:07:53Z")

</div>

I’ve disabled and replaced most of the default badges.  
In my admin-badge overview, there is no indication which are disabled; this makes it hard to find the one you’re looking for.

A visual indication of status would be great, I suggest either a strikethrough (makes it hard to read, but I don’t think that’s too bad), using a lighter font color or indicating with a cross in front of the badge.

Sketched out here:

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

---

<div class="post-metadata">

**Author:** ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)\
**Post date:** [2017年十二月7日 21:29 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/2 "2017-12-07T21:29:41Z")

</div>

Yup, I support this. It has bugged me for a long time also.

---

<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:** [2017年十二月7日 23:13 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/3 "2017-12-07T23:13:48Z")

</div>

I would not strike it out, but grey out everything may work visually here, or just the word disabled.

---

<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:** [2017年十二月7日 23:29 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/4 "2017-12-07T23:29:50Z")

</div>

> [@sam](#):
>
> grey out everything may work visually

That would certainly be better looking than adding weird strikeout markup, to my mind.

---

<div class="post-metadata">

**Author:** ![maja](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maja/32/129533_2.png) [@maja](https://meta.discourse.org/u/maja)\
**Post date:** [2017年十二月10日 18:52 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/5 "2017-12-10T18:52:15Z")

</div>

I’ve submitted a pull request for this: [grey out disabled badges in admin overview by majakomel · Pull Request #5416 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/5416)

---

<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:** [2017年十二月10日 20:30 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/6 "2017-12-10T20:30:29Z")

</div>

Awesome, can you post a screenshot here?

---

<div class="post-metadata">

**Author:** ![maja](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maja/32/129533_2.png) [@maja](https://meta.discourse.org/u/maja)\
**Post date:** [2017年十二月10日 21:03 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/7 "2017-12-10T21:03:14Z")

</div>

Sure, this is the new version:

 ![22](https://global.discourse-cdn.com/meta/original/3X/5/4/5484cf5698ed4f110f198d9041477af97abf915c.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:** [2017年十二月10日 21:05 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/8 "2017-12-10T21:05:12Z")

</div>

Can you get the css to apply a grey filter to the icon as well?

---

<div class="post-metadata">

**Author:** ![maja](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maja/32/129533_2.png) [@maja](https://meta.discourse.org/u/maja)\
**Post date:** [2017年十二月11日 11:10 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/9 "2017-12-11T11:10:24Z")

</div>

Like this? Or should it be even darker grey to distinct it from silver badges?

 ![05](https://global.discourse-cdn.com/meta/original/3X/3/f/3fb02307a5a163c7cdbb86c5034d202f36101162.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:** [2017年十二月11日 11:29 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/10 "2017-12-11T11:29:39Z")

</div>

I would say dimmer not darker, more ghostly.

---

<div class="post-metadata">

**Author:** ![maja](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maja/32/129533_2.png) [@maja](https://meta.discourse.org/u/maja)\
**Post date:** [2017年十二月11日 20:52 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/11 "2017-12-11T20:52:10Z")

</div>

Hm. I’m not really sure how a ghostly badge looks like.  
Like this? 🤔

 ![46](https://global.discourse-cdn.com/meta/original/3X/d/0/d09f0d662c9be934b2f008b7ec942bbe0aced1f4.png)

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2017年十二月11日 20:54 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/12 "2017-12-11T20:54:06Z")

</div>

Maybe CSS `opacity` in the entire `li` ?

---

<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:** [2017年十二月11日 21:07 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/13 "2017-12-11T21:07:12Z")

</div>

Just very dim grey, barely white.

---

<div class="post-metadata">

**Author:** ![maja](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maja/32/129533_2.png) [@maja](https://meta.discourse.org/u/maja)\
**Post date:** [2017年十二月11日 21:21 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/14 "2017-12-11T21:21:42Z")

</div>

Oh, I see. Is this ok?

 ![39](https://global.discourse-cdn.com/meta/original/3X/c/b/cb83e579a6c5198dcdae933e79fec65a6818f8bf.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:** [2017年十二月11日 21:29 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/15 "2017-12-11T21:29:48Z")

</div>

That looks perfect to me, curious how does it look for a gold badge?

let’s ship it.

---

<div class="post-metadata">

**Author:** ![maja](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maja/32/129533_2.png) [@maja](https://meta.discourse.org/u/maja)\
**Post date:** [2017年十二月11日 21:36 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/16 "2017-12-11T21:36:25Z")

</div>

Bronze and gold:

 ![29](https://global.discourse-cdn.com/meta/original/3X/9/a/9a5b8bc41f0545daed701351efb8e30e6f90460a.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:** [2017年十二月11日 21:36 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/17 "2017-12-11T21:36:46Z")

</div>

Excellent, is the PR updated?

---

<div class="post-metadata">

**Author:** ![maja](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maja/32/129533_2.png) [@maja](https://meta.discourse.org/u/maja)\
**Post date:** [2017年十二月11日 21:37 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/18 "2017-12-11T21:37:26Z")

</div>

Not yet, will push the update now.

---

<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:** [2017年十二月28日 00:26 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/19 "2017-12-28T00:26:14Z")

</div>

This is now merged! thanks @maja

---

<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:** [2017年十二月28日 00:26 UTC](https://meta.discourse.org/t/indication-of-disabled-badges-in-admin-overview/75609/20 "2017-12-28T00:26:17Z")

</div>


