Add Unread Forum Badge

[flohse]

I am still struggling with phrase use in css_additional.css.

See post #19.

I am trying to localize the unread badge via phrases, but unfortunately have no success.

Can please someone help me to figure it out?

I am using english and german language on the forum. German is actually the default language. The phrase vbmods_rocks_unreadforumbadge has been created in the AdminCP.


The following has been added in css_additional.css.

/*************** Unread Forum Badge ***************/

.forum-wrapper .unread ~ .forum-title::after {
    content: '{vb:phrase vbmods_rocks_newforumbadge}';
    background: red;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 3px;
    border-radius: 3px;
    margin-left: 10px;
    filter: drop-shadow(1px 1px 2px #333);
    vertical-align: baseline;
    white-space: nowrap;
    text-decoration: none;
    display: inline;
}

.forum-list-container .forum-item .cell-forum .forum-title {
    margin-left: 0;
}
​​

The badge is always shown in the default language independently of which language is chosen on the page.

Can this be fixed so that the appropriate phrase for the chosen language is used?

Any idea?

Help is greatly appreciated.

This problems exists also with other mods that use phrases in css_additional.css.

[glennrocksvb]

Are you caching template as files? Try turning it off and then on again.

[glennrocksvb]

flohse, I tried it and I was able to reproduce the issue. This seems like a vBulletin bug for CSS templates. When I tried using the phrase in a non-CSS template, it worked. So it looks like the issue is for CSS templates only.

You can try this workaround solution to provide multiple translations in CSS templates:

Default: (German)

.forum-wrapper .unread ~ .forum-title::after {
    content: 'Ungelesen';
    /* rest of the code here */
}

Then add this for English to override the German word:

html[lang="en"] .forum-wrapper .unread ~ .forum-title::after {
    content: 'Unread';
}