Indication of disabled badges in admin overview

(Bas van Leeuwen) #1

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:


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

(Sam Saffron) #3

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

(Jeff Atwood) #4

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

(Maja) #5

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

(Sam Saffron) #6

Awesome, can you post a screenshot here?

(Maja) #7

Sure, this is the new version:


(Sam Saffron) #8

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

(Maja) #9

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


(Jeff Atwood) #10

I would say dimmer not darker, more ghostly.

(Maja) #11

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

(Rafael dos Santos Silva) #12

Maybe CSS opacity in the entire li ?

(Jeff Atwood) #13

Just very dim grey, barely white.

(Maja) #14

Oh, I see. Is this ok?


(Sam Saffron) #15

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

let’s ship it.

(Maja) #16

Bronze and gold:


(Sam Saffron) #17

Excellent, is the PR updated?

(Maja) #18

Not yet, will push the update now.

(Sam Saffron) #19

This is now merged! thanks @maja

(Sam Saffron) closed #20