As designed Avatar Border Radius affects Online Marker

[xFv]

Well-known member
Affected version
XF2 b3
Not sure if this is a bug or by design, but the avatar border radius affects the online marker at the same time.
I did use the style property avatar border radius setting.
See Below:
Capture28.webp
 
Testing it on the XenForo forums using inspect element doesn't seem to affect it.
What is your site?
I am using a local install.
When I change border radius in extra.less it does not affect the online marker, only in style properties avatar radius setting.
And I also noticed when using a %, I get a error. Need to use px in border radius setting in style properties. :unsure:
 
I think this is as designed, you can see in message.less template
Less:
.message-avatar-wrapper
{
    position: relative;
    display: inline-block;
    vertical-align: bottom;

    .message-avatar-online
    {
        position: absolute;
        top: -1px;
        left: -1px;

        border: 7px solid transparent;
        border-left-color: rgb(127, 185, 0);
        border-top-color: rgb(127, 185, 0);
        border-radius: (@xf-avatarBorderRadius + 1) max(0px, @xf-avatarBorderRadius - 1px) 0 max(0px, @xf-avatarBorderRadius - 1);
    }
}
btw, you can make a circular indicator adding:
Less:
.message-avatar-wrapper .message-avatar-online {
    border-right-color: rgb(127, 185, 0);
    border-bottom-color: rgb(127, 185, 0);
}
1506045680326.webp
 
It's intentional, though there isn't really an expectation of taking them entirely round there. Otherwise, it's to attempt to maintain the same radius on the online marker.
 
Top Bottom