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);
}