Prefixing `@` symbol in the usernames

AI-generated summary

The discussion is about adding the @ symbol to usernames in Discourse profiles and posts. vinothkannans suggests it would be nice to display the @ symbol consistently, and Nam_Nguyen provides a CSS workaround to achieve this. However, tophee points out that this method adds the @ symbol to the user’s full name as well, which is not desired. Nam_Nguyen agrees that this approach is not ideal and suggests that the option to display the @ symbol should be set in the settings. vinothkannans refines the CSS code to target only the username and provides an alternative solution for websites that prioritize the username.

Discourse using @ symbol to mention both users and groups. So I think it will be nice to display @ symbol on both user and group profiles (even in posts too) like below.

4 إعجابات

For Usernames, I’m using this

.names span.username a::before {content: "@"}
.names span h2::before {content: "@"}
.user-main .about .details h2::before {content: "@"}
إعجابَين (2)

Thank you. That’s a good and useful workaround :thumbsup:

Also I like to see this in core too.

إعجاب واحد (1)

But that adds the @ symbol (also) to the user’s full name. I don’t get the idea…

yeh, you’re right,
Adding @ to css is not a good option,
In setting, we have to set these options, and requite user full name


إعجاب واحد (1)

Actually the code should be like below. (.username included in h2)

.names span.username a::before {content: "@"}
.names span h2.username::before {content: "@"}
.user-main .about .details h2.username::before {content: "@"}

@tophee Also I guess in your website you prioritized the username. That’s the problem. Then the code should be like below (not yet verified)

.names span.username a::before {content: "@"}
.names span h1.username a::before {content: "@"}
.user-main .about .details h1.username a::before {content: "@"}
5 إعجابات