Icons on Notable members page

XenForo Icons on Notable members page

</clown>

Loyal Member
clown submitted a new resource:

Icons on Notable members page - new icons

In extra.less:

CSS:
/* Icons on Notable members page */
[data-template="member_notable"] .p-body-sideNavContent a.blockLink,
&[data-template="member_notable"] h3.block-textHeader a {
    &:before {
        .m-faBase();
        padding-right: 5px;
    }
    &[href*="members/"]:before {
        .m-faContent(@fa-var-ellipsis-h-alt);
    }
    &[href*="key=most_messages"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="key=highest_reaction_score"]:before {...

Read more about this resource...
 

dddd

Registered
CSS:
// Members sidenav icons
[data-template='member_notable'],
[data-template='member_list'] {
    .p-body-sideNavContent a.blockLink,
    h3.block-textHeader a {
        &:before {
            .m-faBase();
            padding-right: 5px;
        }
        &[href='/members/']:before {.m-faContent(@fa-var-ellipsis-h-alt);}
        &[href='/members/?key=most_messages']:before {.m-faContent(@fa-var-comments);}
        &[href='/members/?key=highest_reaction_score']:before {.m-faContent(@fa-var-thumbs-up);}
        &[href='/members/?key=most_points']:before {.m-faContent(@fa-var-trophy);}
        &[href='/members/?key=xfrm_most_resources']:before {.m-faContent(@fa-var-upload);}
        &[href='/members/?key=xfmg_most_media_items']:before {.m-faContent(@fa-var-images);}
        &[href='/members/?key=xfmg_most_albums']:before {.m-faContent(@fa-var-image);}
        &[href='/members/?key=xfa_rmmp_most_purchases']:before {.m-faContent(@fa-var-shopping-cart);}
        &[href='/members/?key=xfa_rmmp_most_sales']:before {.m-faContent(@fa-var-cash-register);}
        &[href='/members/?key=xfa_rmmp_most_sales_amount']:before {.m-faContent(@fa-var-dollar-sign);}
        &[href='/members/?key=todays_birthdays']:before {.m-faContent(@fa-var-gift);}
        &[href='/members/?key=staff_members']:before {.m-faContent(@fa-var-crown);}
        &[href='/members/list/']:before {.m-faContent(@fa-var-users);}
    }
}
 

dddd

Registered
Can you show how it displays? Thanks.
yTfWbpK.png

U6YcFzq.png
 
Back
Top Bottom