Olá, este componente funciona bem, mas como os links criados podem ter uma classe ativa adicionada quando são links no discourse (o mesmo), meus itens de ícone padrão têm a classe ativa, mas não aqueles do componente
1 curtida
Este é um tópico um tanto confuso, pois o OP é atualizado como uma wiki, mas a maior parte da discussão se refere a uma versão do componente com alguns anos.
O tópico e o OP sugerem que isso suporta ícones gráficos além de links de texto. O Object Settings Editor, no entanto, não possui um campo para definir um ícone. Tentei adicionar um ícone SVG manualmente:
"icon": "https://foo.svg",
O botão gráfico não aparece - recebo um botão de link de texto em vez disso, com base nos outros parâmetros do link personalizado. A antiga discussão entre esta postagem e o OP sugere que eu possa precisar adicionar algo em algum lugar para habilitar o ícone SVG, mas o quê e onde?
Olá,
Você está se referindo a este componente de tema?
Este componente de tema Custom Header Links (icons) não possui configuração de Objeto.
Talvez você queira usar este se precisar de Links de Cabeçalho com suporte a ícones. 
2 curtidas
Note que acabei de migrar este componente para as nossas novas configurações de objeto:
Agora deve ser muito mais fácil modificar as configurações.
2 curtidas
Olá, ao tentar atualizar o componente Custom Header Links, recebo este erro: “Ocorreu um erro: Você forneceu parâmetros inválidos para a solicitação: A propriedade em JSON Pointer ‘/3/url’ deve ser uma URL válida.”
Sim, vejo o que pode causar isso… O schema diz url: true e, na verdade, permitimos URLs relativas, então isso é apenas uma string e considerado uma URL inválida.
Vou verificar isso.
1 curtida
Pode me mostrar as configurações do seu componente, por favor? Pode enviá-las por mensagem privada, se preferir.
Não estou em casa agora, farei o mais rápido possível.
1 curtida
Resolvi o problema diretamente com o Patrick em uma mensagem privada. Se alguém estiver enfrentando o mesmo problema, o problema é que com essas novas configurações, a verificação de URL é mais rigorosa.
Qualquer URL que você preencher nas configurações deve ser uma URL codificada corretamente. A solução mais simples é usar encodeURI no console de um navegador:
Pegue esta URL como exemplo: “/some-url?title=Foo bar:baz”
encodeURI("/some-url?title=Foo bar:baz")
Isso lhe dará:
/some-url?title=Foo%20bar:baz
5 curtidas
Olá, embora não haja como reordenar os ícones, você pode fazer isso editando o script clicando no botão "Editor" no componente e reordenando as linhas de código:
1 curtida
Executando 3.5.0.beta2-dev (137e8a0fa0). Estou 14 commits atrás.
Quando tento atualizar, recebo um erro:
Ocorreu um erro: Você forneceu parâmetros inválidos para a solicitação: A propriedade em JSON Pointer '/1/title' deve estar presente. A propriedade em JSON Pointer '/1/icon' deve estar presente. A propriedade em JSON Pointer '/1/url' deve estar presente.
Alguma forma de corrigir isso?
Você pode nos dizer suas configurações clicando em Editor de Configurações?
Se for privado, você pode me enviar uma mensagem privada.
1 curtida
Enviado para você, obrigado!
1 curtida
Apenas um acompanhamento. Como suspeitado, a migração falhou para o Wingtip por alguns motivos. Eu dei a ele as configurações corretas. Fico imaginando em que condições as migrações podem falhar. 
EDIT:
Na verdade, não funcionou de primeira, então sugeri o seguinte:
E, por algum motivo, ele não aceitava configurações válidas; tive que redefinir as configurações, atualizar e, em seguida, reconfigurar com as corretas. Não é um grande problema, não era necessária muita configuração. Obrigado novamente pela ajuda!
1 curtida
Olá, não consigo renderizar um ícone svg personalizado e agradeço sua ajuda para identificar o que estou fazendo de errado.
Fiz o upload de um arquivo svg para o tema Padrão:
Em seguida, adicionei o seguinte a este componente de tema:
Usei icons-sprite, fa-icons-sprite e fab-icons-sprite, mas o svg não renderiza. O espaço reservado está lá, pode-se clicar nele e o link funciona, mas o retângulo não tem ícone.
O inspetor mostra isto:
<svg class="fa d-icon d-icon-fab-icons-sprite svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#fab-icons-sprite"></use></svg>
Acho que deveria ser movido para um novo tópico Dev.
@icaria36
Você pode compartilhar o conteúdo de Three_asterisks?
A spritesheet segue um formato específico.
Então, você pode usar my-theme-icon-1, my-theme-icon-2 como seus identificadores.
Mais informações em Replace Discourse's default SVG icons with custom icons in a theme.
2 curtidas
@Arkshine muito obrigado! Eu tinha chegado naquela página, mas aparentemente rolei para baixo rápido demais. Não, eu não fiz aquele trabalho com o arquivo SVG. Vou tentar (primeira vez que edito o texto em um arquivo SVG; sempre há uma primeira vez) 
e espero que seja tudo. 
1 curtida
Eu consigo carregar os ícones do Facebook, Instagram e TikTok com este componente, mas não importa o que eu tente, não consigo carregar nem o Twitter original, nem o novo ícone do X.
Alguma dica?
