Tag Icons

Cheers! :+1:

When an icon is added to the tags, the bullet tag style icon is still displayed. Is it just me?

Make sure tag style is set to “simple”

That means you will lose the bullet style everywhere.

A new setting allowing users to choose whether to overwrite the tag style setting would be nice, I think.

2 Likes

With this componen it should be box if I’m remembering right.

Here is a quick & dirty CSS to hide the bullet. :+1:
You can add it in your theme CSS or a component.

a.discourse-tag.bullet:has(span.tag-icon):before {
   display: none;
}
1 Like

It works, thank you so much!

Feature request: Could it be possible to add partial slug support similar to Category Icons component?

I have multiple groups of tags, I could easily set an icon for each because the tags share the same prefixes.

For example;

acme-2023, acme-2022, acme-2021

If I could select tags starting with acme- and assign the same icon to them, that would simplify so many things for me.

4 Likes

I’m curious about flag emojis as tag icons. Following earlier threads on it from past years.

Is there an easy’ish fix to get this component to recognize tags written in sentence case? As of now, it doesn’t work if it isn’t lowercase.

How are you able to create tags with uppercase characters? When I go to create a tag, it automatically converts it to kebab-case:
image

Probably just disable this site setting:
image

3 Likes

Thanks Firepup, I didn’t know that was an option :grin:

@ncaming215 It looks like the component converts existing tags to lowercase before comparing them to the tag-slug part in the settings. I was able to get it to work by using a lowercase version of the tag in the theme component settings.

image


image

3 Likes

I created a PR a while ago for that issue (reported by another user)

It looks like I will need to update it to match the core change, though. Hopefully, once it is fixed, it will get some attention.

6 Likes

This should be done now. :+1: