Nossa - isso resolveu, muito obrigado!
Tentei usar “building” apenas no componente do tema (não funcionou) e “fas-building” nos dois lugares (também não funcionou), mas não me ocorreu tentar a versão simples em ambos os campos.
Ainda assim, sugiro tornar essa diferença entre fa(s) e fab/far mais clara na descrição do componente.
Olá.
Obrigado pelo excelente plugin.
Agradeceria muito se você pudesse oferecer um suporte.
Tenho a configuração “Login Obrigatório” ativada no meu Discourse.
Ao acessar um site com essa configuração, naturalmente sou solicitado a criar uma conta ou fazer login, e o cabeçalho exibe um ícone que criei com este plugin.
Se fosse apenas isso, não haveria problema, mas ao clicar neles, é possível abrir a página vinculada sem fazer login.
(O link é para um plugin que criei eu mesmo, e o Caminho é um diretório diretamente abaixo da raiz do site, como /test_path. Mesmo com esse caminho, se você especificar a URL diretamente, será solicitado a criar uma conta ou fazer login. Apenas ao acessar através do ícone do cabeçalho deste plugin, a página é exibida sem login).
A melhor solução seria não exibir o ícone desde o início, mas, pelo menos, é necessário que, ao clicar no ícone, seja possível visualizar a página que solicita o login.
Agradeceria muito se você pudesse me ajudar com uma solução. Muito obrigado.
Olá @Johani. Parece que isso precisa ser atualizado para o novo funcionamento das variáveis de tema. Estou vendo este erro no painel de administração:
Erro: Variável indefinida: "$add-whitespace". na linha 14 de common.scss >> @if $add_whitespace == "true" { ----^
Olá,
Estou criando um link para uma página de acesso restrito, onde preciso passar algumas variáveis na URL. Seria possível obter algumas variáveis do sistema, como nome de usuário, ID do usuário, e-mail etc.?
Estou procurando a mesma coisa. Quero enviar o nome de usuário do usuário logado para um servidor remoto quando o ícone do cabeçalho for clicado. Entendo que posso obter o nome de usuário via JavaScript, mas não tenho certeza de como fazer isso através de um ícone no cabeçalho:
<script type="text/discourse-plugin" version="0.8">
const username = api.getCurrentUser().username;
</script>
Obrigado!
Apenas um aviso, notei um bug nas instruções de Configurações de Tema.
O topo diz que a ordem é título, ícone, URL, visualização, destino.
Mas a parte inferior diz que a ordem é título, ícone, visualização, URL, destino
O de cima está correto, em que a URL vem antes da visualização.
Veja abaixo a captura de tela:
Acabei de fazer um PR para isto:
Obrigado! Suponho que um dia aprenderei como e terei coragem de fazer um PR 
Existe uma maneira de indicar a posição do ícone? Estou usando um ícone personalizado, mas tenho o chat e outro ícone de componente de tema no mesmo cabeçalho e quero definir o ícone personalizado ao lado do ícone de pesquisa.
Olá a todos!
Obrigado pelo incrível Componente de Tema! Embora eu tenha encontrado um pequeno problema: alguns ícones funcionam bem, por exemplo, fa-rocket, mas outros não aparecem, por exemplo, fa-rocketchat, embora eu ache que tenho todas as classes de ícones necessárias instaladas. Alguma ideia do que está causando isso? Agradeceria muito 
Além disso: como posso obter ícones Font Awesome regulares em vez dos sólidos? Tentei incluir far-iconname e fa-regular, mas isso não parece funcionar…
Provavelmente devido a isto
Para a primeira parte da sua pergunta. Posso estar errado, mas tente adicionar o ícone do rocket chat ao seu svg icon subset nas configurações do site.
Infelizmente, isso não resolve o problema para mim.
O Link do Cabeçalho é:
Rocket.Chat,rocket,https://chat.domain.de,vdo,blank
Em Ícones Svg nas Configurações do Componente de Tema e Subconjunto de ícones Svg nas Configurações Principais do Discourse, adicionei fa-rocketchat e fa-brands, conforme detalhado na descrição do ícone Font Awesome. Ele é suportado desde a versão 5.0.0 do FA, então não pode ser isso…
Alguém tem alguma ideia e pode me ajudar?
Você precisa:
fab-rocketchat a svg icon subset.Header links para Rocket.Chat,fab-rocketchat,https://chat.domain.de,vdo,blank.As instruções são enganosas, mas, olhando para trás, provavelmente não estão incorretas:
A parte difícil é que você tem que converter fab fa-rocketchat (no site do Font Awesome) para fab-rocketchat (no Discourse).
Existe uma maneira de adicionar ícones SVG que eu faço upload para o meu site? (Sem usar os do site Font Awesome)
Estou quebrando a cabeça com algo que não sei como resolver!
Eu uso o ícone “headset” e consigo usá-lo normalmente
mas quando quero usar o ícone “light headset” não consigo usá-lo de forma alguma
Já tentei com ‘fab-’ ‘fas-’ ou ‘far-’ já tentei sem, já coloquei o nome na parte do SVG, já tentei de tudo, mas não consigo usá-lo
[image]
o mesmo com o ícone do google play store, não consigo usá-lo e de jeito nenhum
por que isso acontece?
Pode ser que a versão clara seja um ícone “pro”:
Para usar o estilo claro de “headset“, você precisará de uma assinatura de um plano de nível Pro ou de uma licença Pro perpétua que inclua a versão específica do Font Awesome na qual este ícone (ou estilo) foi lançado.
Também adoraria saber. Quero incluir um ícone do Letterboxd (em algum lugar na web, já foram feitos e propostos para o fontawaseome mas não aceitos)
Você pode adicionar seus próprios ícones SVG com um tema:
Como faço para colocar os ícones na parte inferior do site (no modo mobile) que apareçam iguais para todos?
Por exemplo: o botão de linha do tempo aparece na mesma posição para todos os diferentes modelos de celulares e sistemas mobile.
Agora quando uso CSS para deixar o menu de botões do cabeçalho na parte inferior, em alguns celulares eles aparecem na posição certa, em outros a posição aparece um pouco para cima, em outros um pouco para o lado, por que isso acontece?
mais uma dúvida, existe uma forma de eu colocar um ícone que ao clicar nele abra outras opções com outros ícones, como no exemplo abaixo?