Como exibir ícones do Font Awesome ao lado da categoria?

Suporte
1

Ícones quebrados
Ícones quebrados186×474 4.54 KB

Em vez de imagens PNG, estou tentando usar ícones do Font Awesome, mas eles estão aparecendo quebrados. Tem alguma ideia de como fazer funcionar?

2

Tente usar o seguinte componente. Acabei de testá-lo e está funcionando:

3

Olá tshenry. Vi este componente de tema, mas ele aparece em todo o fórum (e apenas nas subcategorias). Eu só quero mostrá-lo no bloco/lista de categorias na página Categorias. A única opção que o Discourse tem é usar uma imagem .png.

.navigation-categories .category-text-title .category-name{
position: relative;
&:before{
    position: relative;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    font-weight: 900;
}

Isso é o que estou tentando, mas com ícones do Font Awesome.

Mesma solicitação:

684×499 53.6 KB

4

Ah, ok, o CSS que você postou não funciona mais.

Acho que a melhor maneira de fazer isso seria adicionar uma saída de plugin ao template category-title-link e usar um widget para adicionar o ícone apropriado antes do nome da categoria. Faz sentido para mim que o componente Category Icons inclua opcionalmente o ícone da categoria na lista de categorias. Se você quiser que os ícones apareçam apenas na lista de categorias, pode escondê-los nos outros locais com CSS.

@pmusaraj, o que você acha? Se achar que é uma boa ideia, posso criar um PR para a saída de plugin e, em seguida, tentar elaborar um PR para o componente Category Icons que adicionará essa funcionalidade.

5

Isso seria ótimo. @pmusaraj

6

Isso soa bem para mim, obrigado por verificar isso.

8

@tshenry você tem alguma atualização sobre isso?

9

Ainda não, mas devo conseguir trabalhar nisso esta semana.

Edição: Já consegui fazer isso funcionar agora em uma versão local do componente:

53%20PM
53%20PM1112×806 56.5 KB

Vou fazer o meu melhor para enviar os PRs necessários amanhã e, com sorte, tudo estará pronto em algum momento da próxima semana.

10

Essa funcionalidade agora está incluída no componente Category Icons. Para que o recurso funcione corretamente, certifique-se de estar na versão mais recente do Discourse e na versão mais recente do componente.