Oh my - that did the trick, thank you so much!
I tried “building” just in the theme component (didn’t work) and “fas-building” in both places (didn’t work) but it didn’t cross my mind to try the plain version in both fields.
I still would suggest to make this differene between fa(s) and fab/far more clear in the component description.
Hello.
Thanks for the great plugin.
I would be grateful if you could provide one support.
I have a Login Required setting on my Discourse.
When I visit a site with this setting, I am naturally asked to create an account or log in, and the header shows an icon that I created with this plugin.
Need account or login page(in Japanese)
If that’s all there is to it, there’s no problem, but if you click on them, you will be able to open the linked page without logging in.
(The link is to a plugin that I created myself, and the Path is a path directly under the site root, such as /test_path. Even with this path, if you specify the URL directly, etc., you will be asked to create an account or log in. Only if you go through the header icon of this plugin, the page will be displayed without login).
The best solution is to not show the icon in the first place, but at the very least, you need to be able to click on the icon to see the page that asks you to log in.
I would really appreciate it if you could help me with a solution. Thank you very much.
Hey @Johani. It looks like this needs to be updated for the new way theme variables work. I see this error in the admin panel:
Error: Undefined variable: "$add-whitespace". on line 14 of common.scss >> @if $add_whitespace == "true" { ----^
Hello,
I’m linking to a limited access page, where I need to pass in some variables to the url. Would it be possible to get some system variables like username, userid, mail etc?
I am looking for the same thing. I want to post the logged-in user’s username to a remote server when the header icon is clicked. I understand that I can get the username via javascript, but I am not sure how I can do so this via a header icon:
<script type="text/discourse-plugin" version="0.8">
const username = api.getCurrentUser().username;
</script>
Thanks!
Juste pour vous prévenir, j’ai remarqué un bug dans les instructions des paramètres du thème.
Le haut indique que l’ordre est titre, icône, URL, vue, cible.
Mais le bas indique que l’ordre est titre, icône, vue, URL, cible
Celui du haut est correct, dans le sens où l’URL précède la vue.
Voir ci-dessous pour la capture d’écran :
Je viens de faire une PR pour ceci :
Merci ! Je suppose qu’un de ces jours j’apprendrai comment et j’aurai le courage de faire une PR 
Y a-t-il un moyen d’indiquer la position de l’icône ? J’utilise une icône personnalisée mais j’ai le chat et un autre composant d’icône de thème dans le même en-tête et je veux placer l’icône d’en-tête personnalisée à côté de l’icône de recherche.
Bonjour à tous !
Merci pour cet excellent composant de thème ! J’ai cependant rencontré un petit problème : certaines icônes fonctionnent bien, par exemple fa-rocket, mais d’autres ne s’affichent pas, par exemple fa-rocketchat, bien que je pense avoir installé toutes les classes d’icônes nécessaires. Une idée de ce qui cause cela ? J’apprécierais vraiment 
Aussi : comment puis-je obtenir des icônes Font Awesome régulières au lieu des icônes pleines ? J’ai essayé d’inclure far-iconname et fa-regular mais cela ne semble pas fonctionner…
Probablement à cause de ceci
Pour la première partie de votre question. Je pourrais me tromper, mais essayez d’ajouter l’icône de chat fusée à votre svg icon subset dans les paramètres du site.
Malheureusement, cela ne résout pas mon problème.
Le lien d’en-tête est :
Rocket.Chat,rocket,https://chat.domain.de,vdo,blank
Sous Icônes Svg dans les paramètres du composant Thème et Sous-ensemble d’icônes Svg dans les paramètres principaux de Discourse, j’ai ajouté fa-rocketchat et fa-brands comme détaillé dans la description des icônes Font Awesome. C’est pris en charge depuis la version FA 5.0.0, donc ce ne peut pas être ça…
Quelqu’un a-t-il des idées et pourrait m’aider ?
Vous devez :
fab-rocketchat à svg icon subset.Header links en Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.Les instructions sont trompeuses mais, en y repensant, probablement pas inexactes :
La partie difficile est que vous devez convertir fab fa-rocketchat (sur le site Web Font Awesome) en fab-rocketchat (sur Discourse).
Existe-t-il un moyen d’ajouter des icônes SVG que je télécharge sur mon site ? (Sans utiliser celles du site Font Awesome)
Je me creuse la tête pour quelque chose que je ne sais pas résoudre !
J’utilise l’icône « headset » et je peux l’utiliser normalement
mais quand je veux utiliser l’icône « light headset » je ne peux pas du tout l’utiliser
J’ai déjà essayé avec « fab- » « fas- » ou « far- » j’ai essayé sans, j’ai déjà mis le nom dans la partie SVG, j’ai tout essayé, mais je n’arrive pas à l’utiliser
[image]
idem avec l’icône google play store, je n’arrive pas à l’utiliser et pas moyen
pourquoi cela se produit-il ?
Il se peut que la version légère soit une icône « pro » :
Pour utiliser le style léger de « headset », vous aurez besoin d’un abonnement à un plan de niveau Pro ou d’une licence Pro perpétuelle incluant la version spécifique de Font Awesome dans laquelle cette icône (ou ce style) a été publiée.
J’aimerais aussi savoir. Je veux inclure une icône Letterboxd (quelque part sur le web, il y en a déjà eu qui ont été créées et proposées à Font Awesome mais pas acceptées)
Vous pouvez ajouter vos propres icônes SVG avec un thème :
Comment puis-je placer les icônes en bas du site (en mode mobile) qui apparaissent identiques pour tout le monde ?
Par exemple : le bouton de la chronologie apparaît dans la même position pour tous les différents modèles de téléphones portables et systèmes mobiles.
Maintenant, lorsque j’utilise CSS pour laisser le menu des boutons d’en-tête en bas, sur certains téléphones portables, ils apparaissent dans la bonne position, sur d’autres, la position apparaît un peu plus haut, sur d’autres encore, un peu sur le côté, pourquoi cela se produit-il ?
une autre question, y a-t-il un moyen pour moi de placer une icône qui, lorsque je clique dessus, ouvre d’autres options avec d’autres icônes, comme dans l’exemple ci-dessous ?