XF 2.2 Табличка "новое" после темы.

[@soundhuge]

Здравствуйте. Хочу попросить помощи, хочу сделать индикатор "новое" именно после названия темы (т.е когда пользователь не заходил в тему, и там появились новые ответы, то перед темой будет табличка "новое",и да, мне не нужно, чтоб данная надпись была в названиях форумов.)вот пример:

 

[mongkolwa]

.structItem--thread.is-unread:after  {
    display: inline-block;
    content: "НОВОЕ";
    background: red;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
}

 

[MrBurn]

.structItem--thread.is-unread:after  {
    display: inline-block;
    content: "НОВОЕ";
    background: red;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
}

Так-то:

.structItem-title:after  {
    display: inline-block;
    content: "НОВОЕ";
    background: red;
    color: #fff;
    padding: 2px 4px;
    border-radius: 2px;
}

 

[@soundhuge]

Ошибочка вышла, доработал код и пометил как решение.

 

[Jack_Adamson]

А это в extra.less?

 

[@soundhuge]

.structItem-title:after

Подправил немного код, твой код действует постоянно (потому что была не добавлена еще одна строка в коде), сделал так, чтобы когда просмотрел тему, кнопка "Новое" пропадала.

.structItem.is-unread .structItem-title a:not(.labelLink):after {
   display: inline-block;
    font-size: 11px;
    content: "НОВОЕ";
    text-align: center;
    background: #3f63cc;
    color: #fff;
    border-radius: 9px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 0;
    padding-left: 6px;
    margin-left: 6px;
}

А это в extra.less?

Да, выше код закидываешь в extra.less.

Благодарю, тех кто откликнулся, и натолкнул на толковую мысль.

 

[mongkolwa]

Подправил немного код, твой код действует постоянно (потому что была не добавлена еще одна строка в коде), сделал так, чтобы когда просмотрел тему, кнопка "Новое" пропадала.

Что бы кнопка пропадала, отвечает класс .is-unread, а a:not(.labelLink) указывает на то, что типа если нет префикса темы

 

[pumba560]

Неплохо, а можно такую же фичу втулить вот сюда ??