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:

14개의 좋아요

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

4개의 좋아요

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

6개의 좋아요

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

3개의 좋아요

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

8개의 좋아요

Awesome, can you post a screenshot here?

1개의 좋아요

Sure, this is the new version:

8개의 좋아요

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

4개의 좋아요

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

3개의 좋아요

I would say dimmer not darker, more ghostly.

3개의 좋아요

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

2개의 좋아요

Maybe CSS opacity in the entire li ?

5개의 좋아요

Just very dim grey, barely white.

5개의 좋아요

Oh, I see. Is this ok?

11개의 좋아요

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

let’s ship it.

5개의 좋아요

Bronze and gold:

6개의 좋아요

Excellent, is the PR updated?

1개의 좋아요

Not yet, will push the update now.

6개의 좋아요

This is now merged! thanks @maja

3개의 좋아요