Adding Font Awesome Icons to the Account Sidenav

1589225508144.png

Add extra.less to the template.
Less:
[data-template^="account_"], [data-template^="mrs_account_"] {
    .p-body-sideNav {
        [class^="block"]:before {
            display: inline-block;
            .m-faBase();
            margin-right: 5px;
        }

        h3[class^="block"] {
            .m-faBefore("\f0da");
        }

        [class^="block"] {

            &[href^="/members/"] {
                .m-faBefore("\f007");
            }

            &[href$="/alerts"] {
                .m-faBefore("\f0f3");
            }

            &[href$="/reactions"] {
                .m-faBefore("\f164");
            }

            &[href$="/bookmarks"] {
                .m-faBefore("\f02e");
            }
          
            &[href$="/reputations-given"] {
                .m-faBefore("\f5c0");
            }

            &[href$="/account-details"] {
                .m-faBefore("\f007");
            }

            &[href$="/security"] {
                .m-faBefore("\f084");
            }

            &[href$="/privacy"] {
                .m-faBefore("\f023");
            }

            &[href$="/preferences"] {
                .m-faBefore("\f085");
            }

            &[href$="/signature"] {
                .m-faBefore("\f040");
            }

            &[href$="/account/upgrades"] {
                .m-faBefore("\f07a");
            }
          
            &[href$="/connected-accounts/"] {
                .m-faBefore("\f0c0");
            }

            &[href$="/following"] {
                .m-faBefore("\f234");
            }

            &[href$="/ignored"] {
                .m-faBefore("\f235");
            }

            &[href^="/logout/"] {
                .m-faBefore("\f08b");
            }
        }
    }
}
 
Last edited:
Back
Top