• Добро пожаловать на сайт - Forumteam.men !

    Что бы просматривать темы форума необходимо зарегестрироваться или войти в свой аккаунт.

    Группа в телеграме (подпишитесь, что бы не потерять нас) - ForumTeam Chat [Подписатся]
    Связь с администратором - @ftmadmin

Мануал 2.x Добавить индикатор "Новое", после заголовка узла

Sam Jack

Опытный
Опытный
Регистрация
05.03.18
Сообщения
230
Реакции
56
Баллы
415
FTC
  • Автор темы
  • Заблокирован
  • #1
Обратите внимание, если вы планируете совершить сделку с этим пользователем, он заблокирован.
Простое дополнение, которое отобразит маркер "Новое" после заголовка узла, если есть непрочитанные сообщения. Вы можете улучшить это, настроив стиль по своему вкусу.

Добавьте в extra.less следующий код:

В формате .css:

Код:
.node--unread .node-title:after {
    content: 'New';
    color: #ffffff;
    background: #ed7a16;
    display: inline-block;
    font-size: 9px;
    line-height: 2;
    border-radius: 3px;
    padding: 0 4px;
    margin-right: 4px;
    vertical-align: middle;
}
.node--unread .node-title:after {
    content: 'New';
}
Или в формате .less
Код:
.node--unread {
    .node-title {
        &:after {
            content: 'New';
            color: #ffffff;
            background: #ed7a16;
            display: inline-block;
            font-size: 9px;
            line-height: 2;
            border-radius: 3px;
            padding: 0 4px;
            margin-right: 4px;
            vertical-align: middle;
            content...
 
Сверху Снизу