Tag Icons

[DogeRTX (ǝɹıɐuoıllıᙠoʇdʎɹƆ / threadripper.eth)]

Ok, iv gotten it to fit in the tag box how it looks nice but that’s for every tags box, iv found how to target specific tags but what would be the right way of selecting that tags box to put in the png icon?

trying to select one -

.tag-question::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

Selecting all -

a.discourse-tag.box::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

[jimkleiber]

Se você ainda estiver procurando, encontrei este site que tem muitos ícones SVG de bandeiras e pode haver uma maneira de carregá-los como ícones SVG personalizados no Discourse, ainda não tenho certeza.

https://www.flaticon.com/packs/search?word=flags&shape=lineal-color&order_by=4&type=icon

[balupton (Benjamin Lupton)]

Funcionando perfeitamente! Aqui estão algumas solicitações de recursos:

1. Sugestão automática para adicionar os ícones SVG automaticamente pela lista de entradas de ícones de tag.
2. Converter a lista de ícones de tag em uma tabela de 3 colunas, onde pode haver autocompletar em tags e ícones do Font Awesome v5.
3. Adicionar um link para Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome, pois descobri que estava pesquisando o último Font Awesome (atualmente v6) e me perguntando por que minhas entradas não estavam funcionando.
4. Adotar o Font Awesome v6.

Obrigado por isso.

[undasein (Andres Garrido)]

Alguma ideia do porquê não tenho um espaço entre as tags? Só acontece no celular

Screenshot

[AquaL1te]

2 tags criadas não estão funcionando por algum motivo, isso pode ser um bug? Criei a tag interview com o logo SVG microphone-stand e a tag lecture com o logo SVG camcorder. Ambas permanecem em branco.

Funciona quando defino ambas as tags para usar o logo SVG film, que já usei para outra tag. Portanto, por algum motivo, os 2 logos iniciais que quero usar não são aceitos.

Alguém pode reproduzir este problema? Eu poderia reproduzi-lo em um ambiente de desenvolvimento limpo com apenas este componente de tema instalado. Como posso ver qual versão do FontAwesome está em uso? Talvez eu esteja apenas selecionando ícones que não estão incluídos na versão do Discourse. Acho que é a versão 5.15. Como esses ícones foram incluídos na 5.11 ou 6.0, eles deveriam estar incluídos.

[JammyDodger]

Eu também não consigo fazê-los funcionar, então pode ser que eles não estejam incluídos no conjunto disponível.

[ALDT_nè (ALDT)]

Oi!

Gostaria de saber se posso usar alguns ícones com imagens como natureza?

[Heliosurge (Dan DeMontmorency)]

Isso funciona com tags em grupos de tags?

Acabei de executar um teste em uma categoria privada com sua tag1 e funcionou. No entanto, tags em um grupo de tags parecem não funcionar?

[Heliosurge (Dan DeMontmorency)]

Estou tendo um problema semelhante. Parece que quando uma tag excede 10 caracteres, os ícones não são exibidos.

Descobri o problema do grupo de tags. Parece que é preciso adicionar tags de grupos diretamente à categoria em vez de adicionar o grupo de tags?

[Darojax]

Não consigo fazer com que os ícones de tag apareçam em nenhum lugar, exceto na barra lateral. Alguém tem alguma ideia de por que isso acontece? Tentei reinstalar o componente, usando apenas esse componente junto com o tema padrão, ainda sem sucesso.

[Firepup650 (Firepup Sixfifty)]

Só para confirmar, você adicionou os ícones à configuração svg icons no componente de tema?

[Darojax]

Sim, eu fiz, você pode ver que os ícones aparecem à esquerda na barra lateral, mas não aparecem em nenhum outro lugar:

[Arkshine]

Olá, Darojax, seja bem-vindo

Não consigo reproduzir isso aqui.

A menos que o CSS esteja envolvido ou os templates sejam sobrescritos, as tags são renderizadas da mesma forma em todos os lugares.

Se possível, você pode compartilhar o URL do seu fórum?

[Darojax]

Olá, obrigado pela sua resposta. Infelizmente, nesta fase, o fórum ainda está em desenvolvimento e não está aberto na internet. Entrarei em contato quando formos públicos, ou se o problema for resolvido.

[Arkshine]

Tudo bem, está tudo certo. Você pode fornecer sua versão atual do Discourse estritamente e listar os plugins/componentes ativos? Talvez isso nos dê uma pista.

Eu tentaria habilitar apenas o componente Tag Icons com o tema padrão sem nenhuma modificação de CSS para ver se o problema aparece. Se não, a partir daí, você pode descobrir qual é o culpado.

[Darojax]

Claro:

Versão do Discourse Instalada
3.2.0.beta2
(be04154838)

Mais Recente
3.2.0.beta2

Criei um tema Padrão novo e estou usando apenas o componente Ícones de Tag instalado diretamente via github:

GitHub - discourse/discourse-category-icons: A theme component to display icons next to...

juntamente com dois plugins:

discourse-landing-pages

GitHub - paviliondev/discourse-landing-pages: Adds landing pages to Discourse

docker_manager

GitHub - discourse/docker_manager: Plugin for use with discourse docker image

Nenhum outro CSS, html ou personalizações foram feitas.

[Darojax]

OK, encontrei o problema. O plugin não parece conseguir lidar com tags que começam com letras maiúsculas. Mudei os nomes das tags para tudo minúsculo e agora funciona como pretendido. Tags que começam com letras maiúsculas parecem mais organizadas na minha opinião, seria ótimo se este problema pudesse ser resolvido. : ) Mas, ainda assim, obrigado por um ótimo componente.

[Arkshine]

Fico feliz que esteja funcionando agora. No entanto, como você criou essas tags? Elas normalmente são forçadas a serem minúsculas.

[Darojax]

Existe uma configuração para isso no painel de administração:

[Arkshine]

Você está certo, foi mal, esqueci dessa configuração.

Eu sei onde está o problema, vou propor uma correção mais tarde.