[cXF] Highlight new menu item

[cXF] Highlight new menu item

jessy Master Sergeant
Staff member
Moderating
badge id 1 1 Year of Membership badge id 13 100 Messages badge id 2 2 Years of Membership badge id 14 500 Messages
Jun 28, 2020
2,922
1,228
$5,866
thanks to dear member @jessy submitted a new resource:

[cXF] Highlight new menu item - This is a DIY tutorial to achieve

This is a DIY tutorial to achieve this:
View attachment 74072
As you can see you can get an icon that changes on hover only on new items just to highlight them a bit more.


Open your extra.less template and add the code:

XF2.3
Code:
/*** Highlight new menu item ***/
.menu-row.menu-row--separated.menu-row--clickable.is-unread {
    &:before {
        .m-faContent(@fa-var-dot-circle);
        float: right;
        color: @xf-paletteAccent2...

Read more about this resource...
 
Back
Top