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.
 
Back
Top Bottom