The company I currently work for capitalizes its name in a unique way (capital in the middle). On our Discourse site, we have a tag that we’d like to use the same capitalization. I understand Discourse lowercases all tags in the back-end, which is perfectly fine. I’m hoping to use JS or CSS to ch…

Added two more rules to fix some lingering formatting issues - now the grey background exists for the tag filter, and the tag is properly aligned in the dropdown: [صورة] .tag-bears:not(.tag-drop) { visibility: hidden; position: relative; } .tag-bears:not(.tag-drop):after { visibility: visible…

If it works, that should get all instances as you are hitting the tag name class directly which isn’t targetting a specific location.

And it doesn’t work… It works for tags in the topic list and in a single topic view, but it breaks on the specific /tags page…I’m back to searching for a solution.

Can you screenshot where it doesn’t work? .tag-bears { visibility: hidden; position: relative; } .tag-bears:after { visibility: visible; position: absolute; top: 0; left: 0; content: "bEars"; } The above works for me. Tags page [صورة] Tags drop down on Latest [صورة] Topic List [صو…

Sorry for the delay, was travelling last night. Here are two examples where it’s not working. The first is the issue I mentioned yesterday. The second is another I noticed today. mysite.com/tags/tag_name [صورة] A topic with multiple tags (that should be bEars between feedback and question): […

To solve the first one, we need to exclude situations where it has the tag class name and the tag-drop class name, so the CSS becomes .tag-bears:not(.tag-drop) { visibility: hidden; position: relative; } .tag-bears:not(.tag-drop):after { visibility: visible; position: absolute; top: 0; left:…

To solve the second one, you need two more rules. .list-tags, .discourse-tag.tag-bears:not(.tag-drop):after { content: "bEars, " !important; } .list-tags, .discourse-tag.tag-bears:not(.tag-drop) { margin-right: .5em; } One that says, hey, overwrite the existing :after rule for adding the comma …

Thanks @cpradio , we’ve surpassed my CSS knowledge at this point. To confirm I want 4 CSS rules now? Edit: Assuming I need all four, this still isn’t working…now there’s a comma added regardless of the tags place in the list: [صورة]

[صورة] jomaxro: To confirm I want 4 CSS rules now? Yes. Try this to resolve the comma .tag-bears:not(.tag-drop) { visibility: hidden; position: relative; } .tag-bears:not(.tag-drop):after { visibility: visible; position: absolute; top: 0; left: 0; content: "bEars"; } .discourse-tag…

رَتِّب العلامة في واجهة المستخدم

الدعم

jomaxro (Joshua Rosenfeld) 22 فبراير 2017، 3:50م 10

Awesome, thanks @cpradio! I’m learning more and more about CSS each time we chat, thank you so much!

الموضوع		الردود	مرات العرض
CSS classes for tags Support	4	1904	1 مارس 2017
Capitalizing Tag names in Tag Banners UX tag-banners	3	380	10 أغسطس 2022
Add tags with capital letters Feature completed , tags	4	1754	7 سبتمبر 2025
The JS code stops working when the page is refreshed Development	14	535	1 مايو 2024
Feature request: tag styling addition Feature	2	1220	10 أغسطس 2017

رَتِّب العلامة في واجهة المستخدم

الموضوعات ذات الصلة