XF 2.3 Replacing node icons via css

[JoyFreak]

In 2.2 you could simply do this with a css hack:

.node.node--id(node_id) .node-icon i:before {
    content: "\f019";
}

But now I see 2.3 uses svg. How does one replace the node icon using css with svg's?

 

[JoyFreak]

Why even with CSS? It should be selectable in the node config.

there is no option for it.

 

[cjwinternet]

there is no option for it.

I know that, jeez

I want there to be an option for it though, shouldn't be messing around with this BS

 

[cjwinternet]

Why are we even doing this? 2.3 ships with 7870 Font Awesome SVGs.
\xenforo_2.3.0-Beta-6-Unstable_28DaysLater_2388B35DCE_upgrade\upload\styles\fa\regular alone has 1853 SVG files.

I simply want to be able to select one of these per node.

Any update on this now that 2.3 is finally here? Can we change the node icons without faffing about in CSS?

 

[bzcomputers]

Any update on this now that 2.3 is finally here? Can we change the node icons without faffing about in CSS?

It's not there and the suggestion is 14 years old this month.

Thread '[Suggestion] Forum Icons'

Jul 31, 2010

i would suggest you to put this feature by default (like the phpBB), so the customers can put a specific icon per single forum (i mean not the status icon like vB) ... exactly like i did on my board (http://www.fniv.it/board/supported-games/) with an add-on ...

• KURTZ
• Replies: 68
• Forum: XenForo suggestions

• 

 

[SeaWolf]

That adds an icon, but the original SVG is still there....

View attachment 301744

This does indeed load a second icon. This CSS only approach seems to work:

.node .node-icon i
{
    &:before
    {
        .m-faContent(@fa-var-upload);
        width: 100%;
    }
    svg
    {
        display: none;
    }
}

But it's essentially hiding the default SVG icon. Would you recommend a better approach (CSS only)?

.node--idxx .node-icon i
{
&:before
{
.m-faContent(@fa-var-loading);
}
svg
{
display: none;
}
}

That work well for me, i keep the standard icons and get my custom's one without duplicating.

 

[Old Nick]

That work well for me, i keep the standard icons and get my custom's one without duplicating.

Better to replace .m-faContent by .m-faIcon : https://xenforo.com/community/threads/boosting-performance-in-xenforo-2-3.216767/#post-1648280

 

[SeaWolf]

Better to replace .m-faContent by .m-faIcon : https://xenforo.com/community/threads/boosting-performance-in-xenforo-2-3.216767/#post-1648280

ok thank you! and for the link also

 

[PASS]

Why are we even doing this? 2.3 ships with 7870 Font Awesome SVGs.
\xenforo_2.3.0-Beta-6-Unstable_28DaysLater_2388B35DCE_upgrade\upload\styles\fa\regular alone has 1853 SVG files.

I simply want to be able to select one of these per node.

I agree. Utilizing display: none feels like an inelegant workaround for incorporating the desired Font Awesome (FA) icons. It’s akin to regressing rather than progressing, especially when we should be striving for greater convenience, especially with icons.