# Bug in the visualization of the discourse badge inside the avatar

**URL:** https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619
**Category:** Bug
**Created:** [7월 21, 2016, 11:07오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619 "2016-07-21T23:07:52Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![wil93](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wil93/32/121264_2.png) [@wil93](https://meta.discourse.org/u/wil93)
#### Post date: [7월 21, 2016, 11:07오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/1 "2016-07-21T23:07:52Z")

</div>

I’m not sure if this is a bug, but take a look at these two screenshots:

 ![](https://global.discourse-cdn.com/meta/original/3X/e/4/e494450090e09e64bc4576dab9e7f5f1d1f04a78.png)

In this case, my avatar shows the discourse symbol even if it normally would not.

 ![](https://global.discourse-cdn.com/meta/original/3X/a/1/a15de167e0158f030a28b1262b7f23afce8d6f16.png)

In this other case, @mpalmer’s avatar doesn’t show the discourse symbol even if it normally would.

---

<div class="post-metadata">

### Author: ![Yuun](https://avatars.discourse-cdn.com/v4/letter/y/977dab/32.png) [@Yuun](https://meta.discourse.org/u/Yuun)
#### Post date: [7월 21, 2016, 11:40오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/2 "2016-07-21T23:40:21Z")

</div>

Yeah, you have to handle the expanded-reply area (embedded posts? sorry spacing on the terminology) if you want to use custom css for the poster-avatar-extra div for specific groups. In my forum I just don’t use poster-avatar-extra within the expanded replies, but it would be nice if that could be worked around.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [7월 21, 2016, 11:51오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/3 "2016-07-21T23:51:44Z")

</div>

Hmm if we can repro this it is a bug @neil and should be folded into improvements with group avatar overlays – along with mobile support, and user page support..

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [7월 22, 2016, 5:07오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/4 "2016-07-22T17:07:50Z")

</div>

Oh so that’s what the C in CSS means. I’ll look at the CSS again.

The markup is very awkward so I don’t think the CSS can be fixed until the markup is changed somehow.

---

<div class="post-metadata">

### Author: ![wil93](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wil93/32/121264_2.png) [@wil93](https://meta.discourse.org/u/wil93)
#### Post date: [7월 22, 2016, 6:10오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/6 "2016-07-22T18:10:38Z")

</div>

From a quick look with dev tools I think that the badge is actually a DOM  
element, it’s not added with CSS (maybe it can be done with ::after?). So  
if it is as I think it is, the change needs to be done on the mark-up, not  
just CSS

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [7월 22, 2016, 6:15오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/7 "2016-07-22T18:15:58Z")

</div>

Yes and No. If the ‘group-team’ class gets added to the markup for ‘topic-avatar’, it should solve the problem, as then you could use `topic-avatar.group-team` so it only applies to that div/group of elements instead of the entire post/article that it is applying to now.

So duplicating the class onto the topic-avatar, changing the CSS to use `.topic-avatar.group-team`, should resolve the issue.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [7월 22, 2016, 7:26오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/8 "2016-07-22T19:26:46Z")

</div>

Sure @neil is on it. Perhaps next week?

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [7월 25, 2016, 7:10오전 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/9 "2016-07-25T07:10:54Z")

</div>

Remember to not _remove_ it from the other location, some customers are using it to e.g. put a special border around staff posts.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [5월 16, 2017, 8:28오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/10 "2017-05-16T20:28:21Z")

</div>

@neil perhaps worth adding to your list?

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [5월 16, 2017, 8:45오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/11 "2017-05-16T20:45:26Z")

</div>

Already fixed it a while ago:

 ![](https://global.discourse-cdn.com/meta/original/3X/6/9/69da05a92bd8916b5157b5d1a8ef511af508eecd.png)

---

<div class="post-metadata">

### Author: ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)
#### Post date: [5월 16, 2017, 8:45오후 UTC](https://meta.discourse.org/t/bug-in-the-visualization-of-the-discourse-badge-inside-the-avatar/47619/12 "2017-05-16T20:45:45Z")

</div>


