Reply to thread

You could play with it lots via extra.less , like this for example..


[CODE=css].message-avatar-wrapper .message-avatar-online:before {

    font-family: 'Font Awesome 5 Pro';

    font-size: inherit;

    font-style: normal;

    font-weight: 400;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f111";

    line-height: 1;

    font-weight: bold;

    color: #7fb900;

    border-radius: 50%;

    border: none !important;

    display: inline-block;

    transition: transform 0.2s, opacity 0.2s;

    animation: pulsing 2s infinite;

}


@keyframes pulsing {

  0% {

    transform: scale(1);

    opacity: 1;

  }

  50% {

    transform: scale(2);

    opacity: 0;

  }

  100% {

    transform: scale(1);

    opacity: 0;

  }

}[/CODE]


..which gives it a solid green pulsing icon instead...but you could change it more.


Back
Top Bottom