Indication of disabled badges in admin overview

AI-generated summary

The discussion revolves around the indication of disabled badges in the admin overview. Bas suggests a visual indication, such as a strikethrough, lighter font color, or a cross, to differentiate disabled badges. sam and codinghorror prefer a grey-out approach instead of strikethrough. maja submits a pull request and shares screenshots of the updated version, which includes a grey filter. The group discusses and refines the design, with codinghorror suggesting a “ghostly” appearance and Falco recommending the use of CSS opacity. After some iterations, maja updates the design to a very dim grey, which is approved by the group. The updated design is also tested for bronze and gold badges. The pull request is eventually merged by sam, thanking maja for the update.

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 „Gefällt mir“

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

4 „Gefällt mir“

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

6 „Gefällt mir“

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

3 „Gefällt mir“

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

8 „Gefällt mir“

Awesome, can you post a screenshot here?

1 „Gefällt mir“

Sure, this is the new version:

8 „Gefällt mir“

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

4 „Gefällt mir“

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

3 „Gefällt mir“

I would say dimmer not darker, more ghostly.

3 „Gefällt mir“

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

2 „Gefällt mir“

Maybe CSS opacity in the entire li ?

5 „Gefällt mir“

Just very dim grey, barely white.

5 „Gefällt mir“

Oh, I see. Is this ok?

11 „Gefällt mir“

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

let’s ship it.

5 „Gefällt mir“

Bronze and gold:

6 „Gefällt mir“

Excellent, is the PR updated?

1 „Gefällt mir“

Not yet, will push the update now.

6 „Gefällt mir“

This is now merged! thanks @maja

3 „Gefällt mir“