Indication of disabled badges in admin overview

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

14 Likes

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

4 Likes

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

6 Likes

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

3 Likes

I’ve submitted a pull request for this: grey out disabled badges in admin overview by majakomel · Pull Request #5416 · discourse/discourse · GitHub

8 Likes

Awesome, can you post a screenshot here?

1 Like

Sure, this is the new version:

22

8 Likes

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

4 Likes

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

05

3 Likes

I would say dimmer not darker, more ghostly.

3 Likes

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

2 Likes

Maybe CSS opacity in the entire li ?

5 Likes

Just very dim grey, barely white.

5 Likes

Oh, I see. Is this ok?

39

11 Likes

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

let’s ship it.

5 Likes

Bronze and gold:

29

6 Likes

Excellent, is the PR updated?

1 Like

Not yet, will push the update now.

6 Likes

This is now merged! thanks @maja

3 Likes