XF 2.1 [Solved] reposition online status

tea hof

Member
how do i reposition the user online indicator from top-centre to bottom-left ?

edit, this is what im looking to achieve

ts.webp
 
Last edited:
the following is from message.less. i have no idea why my online indicator is at the top and off centre, but i just want to move it to bottom right or even remove it and just have the green box.
i tried to change .m-faContent(@fa-var-user-circle); to .m-faContent(); to completely remove it but that screws the layout up pretty badly.
board has just been updated to latest version 2.1.7

Code:
.message-avatar-wrapper
{
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: .5em;

    .message-avatar-online
    {
        position: absolute;

        // center bottom position
        left: 50%;
        margin-left: -.615em;
        bottom: -.5em;

        &:before
        {
            .m-faBase();
            .m-faContent(@fa-var-user-circle);
            line-height: 1;
            font-weight: bold;
            color: rgb(127, 185, 0);
            background: @xf-messageUserBlock--background-color;
            border: @xf-messageUserBlock--background-color solid 2px;
            border-radius: 50%;
            display: inline-block;
        }
    }
}
 
was solved by a prat of an admin adding an addon and not posting it on site changes log.

was moved to bottom left with the following.
Code:
    .message-avatar-online
    {
        position: absolute;

        // center bottom position
        left: 0%;
        margin-left: -.615em;
        bottom: -.5em;

        &:before
        {
            .m-faBase();
            .m-faContent(@fa-var-user-circle);
            line-height: 1;
            font-weight: bold;
            color: rgb(27, 185, 80);
            background: @xf-messageUserBlock--background-color;
            border: @xf-messageUserBlock--background-color solid 2px;
            border-radius: 50%;
            display: inline-block;
        }
    }
 
Top Bottom