CSS issues Issue

0
Hi,

can you please let me know for what are this 2 lines of CSS used in components/com_affiliatetracker/assets/styles.css file:



.icon-chevron-down:before, .icon-downarrow:before, .icon-arrow-down:before {
content: "" !important;
}

.icon-apply:before, .icon-edit:before, .icon-pencil:before {
content: "" !important;
}



thanks!
Responses (4)
  • Accepted Answer

    Thursday, May 10 2018, 03:17 PM - #Permalink
    0
    to avoid icon overrides by other icon font system (such as Font Awesome)
    The reply is currently minimized Show
  • Accepted Answer

    Friday, May 11 2018, 10:59 AM - #Permalink
    0
    Hi,

    I understand but because of this I have to override the icons myself every time I want to use those classes somewhere else, with another !important rule creating a lot of messy code.

    Would you consider refactoring the code in a future version and removing the !important rule?

    thanks!
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, May 15 2018, 09:01 AM - #Permalink
    0
    the whole point of having this is to have the !important rule.. otherwise it would be unneffective.

    in your case, I recommend you simply go and delete those two CSS rules.
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, May 15 2018, 11:06 AM - #Permalink
    0
    Hi Germinal,

    I could do that, but I will have to do it every time I'll update the component resulting in wasted time.

    You could use different classes for example for your icons, assuming this is for what you use the !important declaration.

    thanks!
    The reply is currently minimized Show
Your Reply