XGrid

Проверенные
Сообщения
2,238
Решения
5
Реакции
4,442
Баллы
29,150
XGrid добавил(а) новый ресурс:

[XGrid] Message avatar offline - Добавляем индикатор оффлайна на аватары

Посмотреть вложение 163439

  1. Идем в EXTRA.less и добавляем код
    CSS:
    .message-avatar:not(.message-avatar--online) {
        .message-avatar-wrapper {
            .avatar {
                position: relative;
                &::before {
                    .m-faContent(@fa-var-wifi-slash);
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    text-align: center;
                    font-size: 24px;
                    color: white;
                    z-index: 2;
                }
                img { filter: grayscale(100%); opacity: .7; }
            }
        }
        a { background: #393939 !important; }
        span { font-size: 0; }
    }

Узнать больше об этом ресурсе...
 
Последнее редактирование:
Matew , можешь пожалуйста перенести тему в Инструкции и мануалы, просто изначально решение было с модификацией, а потом в процессе вспомнил что есть псевдокласс в css :not и переписал решение, в последствии от модификации во все отказался.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу