XF2 Tutorials Display "NEW" Icon on Unread Posts

[JowLix]

Display a "NEW" blocked icon at the end of any unread post text.

Add the following code to the extra.less template without changing it.

.structItem.is-unread .structItem-title a:not(.labelLink):after {
    content: "NEW";
    display: inline-block;
    background: @xf-uix_primaryColor;
    padding: 1px 4px;
    font-size: 11px;
    color: #FFF;
    border-radius: 3px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}