Tag Icons

Theme component
,
130

Cheers! :+1:

131

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

Screenshot_20231102-183653_Kiwi Browser~2
Screenshot_20231102-183653_Kiwi Browser~21080×2400 171 KB

132

Make sure tag style is set to “simple”

image
image935×478 20 KB

133

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
134

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

135

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
136

It works, thank you so much!

137

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.

5 Likes
138

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

1 Like
139

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.

140

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

1 Like
141

Probably just disable this site setting:
image

4 Likes
142

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

4 Likes
143

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.

8 Likes
144

This should be done now. :+1:

2 Likes
145

IS there a way to have all the tags in the same style?

146

This confused me yesterday when I created a new tag and by default I went to FA5 instead of 6 after the update.

1 Like
147

Thanks for pointing that out @ondrej. I have updated the OP. Apologies for any confusion there.

2 Likes
148

I created a PR which changes the descriptions in the component (and moves them to locales/en.yml)

4 Likes
149

how to get my custom technology icons imported in this component. eg. like cisco, dell