# Lista de desejos: indício visual para "usuário ganhou um distintivo por esta postagem"

**URL:** <https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923>\
**Category:** Feature\
**Tags:** badges\
**Created:** [Outubro 20, 2023, 5:26pm UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923 "2023-10-20T17:26:08Z")\
**Posts on this page:** 1\
**Showing post:** 51

<div class="post-metadata">

**Author:** ![ganncamp](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ganncamp/32/106199_2.png) [@ganncamp](https://meta.discourse.org/u/ganncamp)\
**Post date:** [Dezembro 5, 2024, 12:46pm UTC](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923/51 "2024-12-05T12:46:31Z")

</div>

Obrigado!

E aqui está meu CSS final para quem estiver interessado

```plaintext
// Make badges displayed on posts bigger and flashier
.topic-meta-data .user-badge-buttons .svg-icon {
     transform: scale(1.3);
     // this is the 'flashier' part
     border-radius: 50%;
     background-color: var(--highlight-bg);
     border-width: 2px;
     border-style: solid;
     border-color: var(--highlight);
     padding: 4px;
}

```

Resultado:  
 ![Selection_2162](https://global.discourse-cdn.com/meta/original/4X/f/f/f/fff81d3e8215fbe6fa2c638a0f4d6576e6e3baeb.png)

---

_[View the full topic](https://meta.discourse.org/t/wishlist-visual-cue-for-user-got-a-badge-for-this-post/282923)._