Wishlist: visual cue for "user got a badge for this post"

Feature
23

I’ve been polishing this up today, there are a couple of recent changes that I’d love to get some feedback from everyone on.

First up, I’ve added the badge type colours to the badges, but it feels like it might be a bit too much of a visual distraction when scrolling through a topic:

screenshot
screenshot1626×228 30.2 KB

What do folks think? Looks fine, or too much?

I’ve also been thinking some more about how to exclude individual badges. I don’t think it needs a whole new option, so instead I’ve added a CSS class to each badge based on the badge slug, so you can choose to hide them individually through your theme CSS. For example:

.topic-meta-data .user-badge-button-first-onebox {
  display: none;
}

This allows a fine-grained level of customisation for anyone who wants it. Instead of only being able to turn it on or off, you can choose to draw attention to some badges, instead! :smile:

.topic-meta-data .user-badge-button-first-onebox {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
4 Likes