Tag Icons

[jrgong]

I have had the issue for a while: the tag icon is displayed in bigger size in header tag icons in topic view:

screenshot from tc’s preview:

[Arkshine]

Core has a rule that increases specifically the house icon:

You can overwrite it like:

.d-header .discourse-tags .d-icon-house {
    font-size: var(--font-0);
}

[pmusaraj (Penar Musaraj)]

Oh, interesting. I believe the core rule is there when the house icon is used as the site logo. We could update core to increase the specificity and target the logo icon, thus leaving the tag/category icons alone.

[alltiagocom (Tiago)]

I noticed that there are 2 places where the icons don’t show: the dropdown and in the tag banner

[jrgong]

@Arkshine @pmusaraj FYI we just reproduced the same issue in search modal. But your CSS workaround fixed it, too

[jrgong]

@Arkshine

.d-header .discourse-tags .d-icon-house {
    font-size: var(--font-0);
}

for some reason this override CSS wasn’t sufficient since 3.6.0.beta1

I adjusted it to the following and it did the trick:

.d-header .search-result-tag .d-icon-house {
    font-size: var(--font-0);
}

[Hyteller]

Can you please add option to set default tag icon for all tags that do not have a specific icon?

Also, would be great to have integration with Tag Banners

[tobiaseigen]

That’s a nice idea, Hyteller! I’m not a programmer so don’t have that power, but if you suggest it in a new Feature topic we could discuss what that might look like and it might be considered by the team. Would be nice if you could provide some more detail from your end about why you think it is a good idea.

Personally I’d love to see tag icons be included in core discourse instead of having to be added as a theme component.

Welcome to our community!