Group icon on avatar broken after update

Hello, I have encountered a bug after last update:

Previously the icon was rounded - now it became square. I believe it’s a new change. In the topic badge is becoming rounded again.

You can see it live here: https://forum.yeswas.pl

Likely this feature: UX: display avatar flair in categories route topic list items (#9197) · discourse/discourse@dc18365 · GitHub

CSS for rounding the avatar flair seems missing.

In the meantime a fix appears, you can try to add this in your theme CSS:

.latest-topic-list-item .topic-poster .avatar-flair {
    bottom: -2px;
    right: 6px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    
    border-radius: 12px;
    width: 24px;
    height: 24px;
}

2 Likes

Fixed it here:

The flair was newly added to that category layout, and needed some styles carried over.

9 Likes