# 在主题中显示已列出的群组标识渲染效果

**URL:** <https://meta.discourse.org/t/show-listed-group-flair-as-rendered-in-topics/102975>\
**Category:** UX\
**Created:** [2018年十一月28日 12:56 UTC](https://meta.discourse.org/t/show-listed-group-flair-as-rendered-in-topics/102975 "2018-11-28T12:56:08Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)\
**Post date:** [2018年十一月28日 12:56 UTC](https://meta.discourse.org/t/show-listed-group-flair-as-rendered-in-topics/102975/1 "2018-11-28T12:56:08Z")

</div>

Group flair with a background color is rendered with different rules in `/groups` than the regular topic view.

#### Group preview

 ![02](https://global.discourse-cdn.com/meta/original/3X/2/3/231c103971ee14d6efe9084d74dc40f3f24bf830.png)

#### Topic view

 ![36](https://global.discourse-cdn.com/meta/original/3X/2/0/20e2adb921f97dff6291c97203fe7484a5c55660.png)

Would be better if the group view showed the flair as it will be rendered elsewhere.

---

<div class="post-metadata">

**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\
**Post date:** [2018年十一月28日 14:37 UTC](https://meta.discourse.org/t/show-listed-group-flair-as-rendered-in-topics/102975/2 "2018-11-28T14:37:07Z")

</div>

I’ll look into having the background more closely match the avatar flair (rounded corners, smaller icon).

Is the colour difference of the icon between screenshot 1 and 2 a bug as well? Because I can’t reproduce that locally.

---

<div class="post-metadata">

**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\
**Post date:** [2018年十一月28日 21:05 UTC](https://meta.discourse.org/t/show-listed-group-flair-as-rendered-in-topics/102975/3 "2018-11-28T21:05:49Z")

</div>

[https://github.com/discourse/discourse/commit/c388cacb81af619593e5d75cea679284c95e15f6](https://github.com/discourse/discourse/commit/c388cacb81af619593e5d75cea679284c95e15f6)

This commit should cover this. A sample screenshot:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/7/771762b4641d7dd5c630e8da0fa1b3b41588b3e4.png)

I also updated the styling for the header of the individual group page and adjusted the alignment.