Reactions given and Conversation override icon

kick

Member
Reactions
1
When viewing the issued reactions on a tab, it deletes all the icons on the tabs
1567168346070.png

And:
1567168369295.png

If we go not icon Account upgrades, icons saved:
1567168403728.png
 
How are you adding the icons?

It is a fairly simple template modification which is injecting the Reactions given.
 
Well, the engine does not have an icon for elevating rights, since here is overriding. extra.less:
Less:
[data-template^="account_"] {
    .p-body-sideNav {
        [class^="block"]:before {
          display: inline-block;
          font-family: 'Font Awesome 5 Pro';
          margin-right: 3px;
        }
      
        h3[class^="block"]:before {
          content: "\f0da";
        }
      
        [class^="block"] {
      
            &[href^="/members/"]:before {
              content: "\f007";
            }
          
            &[href$="/alerts"]:before {
              content: "\f0f3";
            }
          
            &[href$="/reactions"]:before {
              content: "\f164";
            }
            
            &[href$="/bookmarks"]:before {
              content: "\f02e";
            }
          
            &[href$="/account-details"]:before {
              content: "\f007";
            }
          
            &[href$="/security"]:before {
              content: "\f084";
            }
          
            &[href$="/privacy"]:before {
              content: "\f023";
            }
          
            &[href$="/preferences"]:before {
              content: "\f085";
            }
          
            &[href$="/signature"]:before {
              content: "\f040";
            }
          
            &[href$="/connected-accounts/"]:before {
              content: "\f0c0";
            }
          
            &[href$="/following"]:before {
              content: "\f234";
            }
          
            &[href$="/ignored"]:before {
              content: "\f235";
            }
          
            &[href^="/logout/"]:before {
              content: "\f08b";
            }
        }
    }
}
 
The add-on injects the template sv_ue_account_wrapper_reactions_given with the contents

HTML:
<a class="blockLink {{ ($pageSelected == 'reactions_given') ? 'is-selected' : '' }}" href="{{ link('account/reactions-given') }}">
    {{ phrase('sv_ue_reactions_given') }}
</a>

I'm baffled why this isn't working for you as it sounds like some bizzare css issue.

Can you provide a sample of the final HTML output vs a screenshot? That may disclose what is going wrong
 

Users who are viewing this thread

Back
Top