11

Currently we have this very useful breakdown + SEDE query of what badges contribute to a moderator candidate's score. There's now also a tooltip on each section of the candidates' profiles that tells us their score.

I believe the two can be combined to make something MOAR BETTAR:

Moderator badge mockup

Each of the "badges" list items becomes a JavaScript link that uses cursor: help as a visual aid. When clicked, these open a popover with the respective badges, and an indicator next to them to show whether the candidate has that badge or not. The badge names also become clickable links (with target="_blank") that take you to the badges' respective pages on SO. Clicking outside the popup closes it.

(My simple mockup just uses an absolutely-positioned div and some checkboxes, but I'm sure someone with a little more talent in the design department can make it look less hideous.)

Like, hate, meh?

1
  • Upvotes but no answers?
    – Ian Kemp
    Commented Nov 11, 2015 at 7:53

1 Answer 1

3

Well, I obviously can't edit the Stack Overflow rendering engine, but I do have a userscript (for Greasemonkey and Tampermonkey) that will do basically what you want.

Source

Download Link to Install Script

When you hover over a badge type, you will get something like this:

enter image description here

Note: This does not yet offer links to the badge pages. If this answer gets enough support in terms of upvotes and/or comments, I will add that.

Feedback and bug reports are appreciated!


Edited as follows:

Release Log:

0.1.0    Initial Release
0.2.0    Suppress title attribute on hover to prevent overlapping tooltips
2
  • 1
    Please make it suppress the normal tooltip as well; two overlapping tips are distracting. Commented Nov 21, 2015 at 3:30
  • 1
    @NathanTuggy Done.
    – elixenide
    Commented Nov 21, 2015 at 5:05

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .