Online Indicator

[Zachary H]

Any way to change the icon and positioning of the online indicator to something more appealing? Possibly an animated icon?

 

[Russ]

No option built-in, you could do something like this to add a simple pulse effect. Add to extra.less:

.message-avatar-online:before
{
    box-shadow: 0 0 0 0 rgba(127, 185, 0, 22%);
    -webkit-animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse
{
    70%
    {
        box-shadow: 0 0 0 20px rgba(90, 153, 212, 0);
    }
    100%
    {
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}

 

[Zachary H]

Thank you!