Clickable Social Icon Links on Profile

[Jagster (Jakke Lehtonen)]

Tiktok needs @ and Youtube uses url of forum

[martyn_thomas]

I don’t use tiktok - do you have an example username i can use to experiement with?

[Jagster (Jakke Lehtonen)]

Well, mine is jagster64 - that is quite safe to use because I don’t publish.

[martyn_thomas]

Fixed - added to the pull request

[martyn_thomas]

Pull request submitted to add Strava support - hopefully @weallwegot will tolerate my slightly mess pull request :-s

[Roi]

Hm, temporary-twitter-x was changed back to fab-twitter. Was this done by purpose or by mistake? Anyway, the old Twitter bird is there again instead of the new X logo.

[martyn_thomas]

Thanks for the spot - i’ve created a pull request to update it to twitter’s rebrand

[Roi]

Thank you! But unfortunately you need to change fa-x-twitter to temporary-twitter-x, as fa-x-twitter is Fontawesome 6, which does not work in Discourse, yet.

[Moin]

@Roi

Fontawesome 6, which does not work in Discourse, yet.

I think it should

We're upgrading our icons to Font Awesome 6!

What’s Font Awesome? Discourse uses a free set of icons from Font Awesome throughout its interface. You see these on toolbars, badges, buttons, etc… here’s our composer toolbar: [image] Since 2018 we’ve been using Font Awesome 5 (original announcement), and in the meantime Font Awesome 6 has been released. Version 6 includes new icons, some general style updates, and renames. As of today, Discourse will start using version 6 too! Specifically, version 6.6.0. This isn’t an enormous visual cha…

[martyn_thomas]

Updated with the right X icon…knowing that every Branding and Marketing expert just felt a cold shiver but can’t explain why

[martyn_thomas]

Done some testing - can confirm that FA6 icon works - pull request updated

[Roi]

Yeah interesting, Fontawesome 6 seems to work now with Discourse!

With the correct icon I can also see it. Cool! Thanks a lot!

[icaria36]

Hi, is it possible to add a custom SVG instead of one from FontAwesome, as Custom Header Links (icons) allows to do?

[icaria36]

@weallwegot

I’d recommend making the Custom User Fields that will have icons NOT show on the User Card since it will then feel a bit redundant to have the text & the clickable icons.

Like this?

I’ve just realized that deselecting “Show on public profile” removes the user field from the public profile (as expected) but the behavior of the icon provided by this theme component is more erratic:

• in my admin account, I still can see the icon
• in my test account (trust level 1) the icon disappears as well

In other words, for most logged in users and all anonymous users, the custom user field icon is only visible when the corresponding label and text value are visible as well. Hiding one, hides the other.

It’s strange but I have tried with different browsers, incognito window, and I can reproduce this reliably. Is anyone else able to reproduce this problem?

It’s one of those things that is easy to miss as an admin. I noticed only after a user reported a problem that made me realize this behavior.

In case it helps, I’m testing this with the Mastodon icon.