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!
Solo un avviso, ho notato un bug nelle istruzioni delle Impostazioni del tema.
In alto si dice che l’ordine è titolo, icona, URL, vista, target.
Ma in basso si dice che l’ordine è titolo, icona, vista, URL, target
Quello in alto è corretto, in quanto l’URL precede la vista.
Vedi sotto per lo screenshot:
Ho appena fatto una PR per questo:
Grazie! Suppongo che uno di questi giorni imparerò come e avrò il coraggio di fare una PR 
C’è un modo per indicare la posizione dell’icona? Sto usando un’icona personalizzata ma ho la chat e un’altra icona del componente del tema nella stessa intestazione e voglio impostare l’icona personalizzata dell’intestazione accanto all’icona di ricerca.
Ciao a tutti!
Grazie per l’ottimo componente del tema! Ho però riscontrato un piccolo problema: alcune icone funzionano bene, ad esempio fa-rocket, ma altre non vengono visualizzate, ad esempio fa-rocketchat, anche se penso di aver installato tutte le classi di icone necessarie. Avete qualche idea su cosa possa causare questo? Lo apprezzerei molto 
Inoltre: come posso ottenere le icone Font Awesome regolari invece di quelle solide? Ho provato a includere far-iconname e fa-regular ma non sembra funzionare…
Probabilmente a causa di questo
Per la prima parte della tua domanda. Potrei sbagliarmi, ma prova ad aggiungere l’icona del rocket chat al tuo svg icon subset nelle impostazioni del sito.
Purtroppo questo non risolve il problema per me.
Il link all’intestazione è:
Rocket.Chat,rocket,https://chat.domain.de,vdo,blank
Sotto Icone SVG nelle Impostazioni del Componente del Tema e Sottoinsieme di icone SVG nelle Impostazioni Principali di Discourse ho aggiunto fa-rocketchat e fa-brands come dettagliato nella descrizione delle icone Font Awesome. È supportato dalla versione FA 5.0.0 in poi, quindi non può essere questo…
Qualcuno ha qualche idea e potrebbe aiutarmi?
Devi:
fab-rocketchat a svg icon subset.Header links in Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.Le istruzioni sono fuorvianti ma, ripensandoci, probabilmente non imprecise:
La parte difficile è che devi convertire fab fa-rocketchat (sul sito web di Font Awesome) in fab-rocketchat (su Discourse).
È possibile aggiungere icone SVG che carico sul mio sito? (Senza utilizzare quelle del sito Font Awesome)
Mi sto scervellando per qualcosa che non so come risolvere!
Uso l’icona “headset” e posso usarla normalmente
ma quando voglio usare l’icona “light headser” non riesco proprio a usarla
Ho già provato con ‘fab-’ ‘fas-’ o ‘far-’ ho provato senza, ho già messo il nome nella parte SVG, ho provato di tutto, ma non riesco a usarla
[image]
lo stesso con l’icona di google play store, non riesco a usarla e non c’è modo
perché succede questo?
Potrebbe essere che la versione leggera sia un’icona “pro”:
Per utilizzare lo stile leggero di “headset”, avrai bisogno di un abbonamento a un piano di livello Pro o di una licenza Pro perpetua che includa la versione specifica di Font Awesome in cui questa icona (o stile) è stata rilasciata.
Mi piacerebbe saperlo anche a me. Voglio includere un’icona di Letterboxd (da qualche parte sul web, ne sono già state create e proposte a Font Awesome ma non accettate)
Puoi aggiungere le tue icone SVG con un tema:
Come posso mettere le icone in fondo al sito (in modalità mobile) che appaiano uguali per tutti?
Ad esempio: il pulsante della timeline appare nella stessa posizione per tutti i diversi modelli di telefoni cellulari e sistemi operativi mobili.
Ora, quando uso il CSS per lasciare il menu dei pulsanti dell’intestazione in basso, su alcuni telefoni cellulari appaiono nella posizione giusta, su altri la posizione appare un po’ più in alto, su altri un po’ di lato, perché succede?
un altro dubbio, c’è un modo per me di inserire un’icona che, quando ci clicco sopra, apre altre opzioni con altre icone, come nell’esempio qui sotto?