what does “icon” stand for in settings?
Is it exact name of some icon from svg site? How do I get the exact name?
1 curtida
That could indeed be a great improvement!
1 curtida
I think I have a problem on my forum as the icons are specified as white, while background is white on categories page
Could I enforce different background here, as it is used for subcategories?
2 curtidas
I’m looking at the code and trying to fix the following two issues, but I’m stuck on the second one.
Category icon list is not applied in category view (with Show subcategory list above topics in this category)
I managed to fix this one by replacing line 112 in header.html
if(iconItem && !attrs.category.parent_category_id) {
with
if (iconItem) {
and adding the following code to common.scss
.subcategory .category-icon-widget {
display: none;
}
Category lock icon next to category doesn’t change to new svg
Categories view:
Category view (with Show subcategory list above topics in this category):
I think this is the relevant code:
let classNames = "badge-category clear-badge";
if (restricted) {
classNames += " restricted";
}
...
html +=
`<span ${style} ` +
'data-drop-close="true" class="' +
classNames +
'"' +
(description ? 'title="' + escapeExpression(description) + '" ' : "") +
">";
which adds restricted class to a <span> with classes badge-category clear-badge which controls the subcategory lock icon display, but I cannot figure out how to also apply this to <div> with class category-text-title which controls category lock icon display.
2 curtidas
Any chance that it will anytime soon? For some reason the categories boxes view also doesn’t display the colour blob or the lock icon so it might be outside this component’s control…
1 curtida
Ainda não consigo “descobrir” o que está errado com a cor.
Alguém pode me ajudar a identificar onde errei?
E o resultado:
1 curtida
Bug @pmusaraj
Os slugs (e títulos) de subcategorias precisam ser únicos apenas dentro de sua categoria pai.
No entanto, os slugs são usados como chave para encontrar o ícone neste componente.
Assim, se você tiver duas subcategorias sob pais diferentes que possuem o mesmo slug, o ícone será aplicado a ambas.
Para ser honesto, acho que isso é, na verdade, um problema do Discourse, pois os slugs deveriam ser únicos em toda a instância do Discourse, mas não são.
É possível corrigir isso dentro do componente?
1 curtida
Não entendo por que os slugs precisam ser globalmente únicos, já que, pelo que sei, eles nunca têm escopo global. Você pode explicar?
P.S. Vi seu novo tópico que pergunta por que eles não são únicos.
1 curtida
O componente de ícones de categoria, por exemplo, usa o slug para identificar a categoria à qual o ícone deve ser anexado.
Como um administrador ou usuário pode identificar exclusivamente uma subcategoria? Eles precisam usar o caminho categoria-pai-subcategoria? (ou pai-filho-neto quando essa melhoria for lançada). Isso parece um pouco trabalhoso.
2 curtidas
É provável que seja possível fazer com que o componente desduplicar subcategorias com o mesmo slug sob diferentes pais, mas isso exigiria alguma maneira de passar o slug da categoria pai nas configurações do componente. Na minha opinião, não seria muito elegante.
Você pode tentar alterar o slug de uma das duas categorias que têm o mesmo slug? Há algum motivo para você não poder fazer isso (apenas o slug precisa ser alterado, não o nome da categoria)?
3 curtidas
Sim, parece ser o caminho a seguir, já que os slugs de subcategorias em diferentes categorias pai não precisam ser únicos.
Dito isso, isso pode ser transformado em uma vantagem como um recurso. Por exemplo, se você tiver categorias baseadas em grupos, muitas das quais possuem fóruns de ajuda e anúncios como subcategorias, você pode configurar facilmente um ícone de ajuda comum para todas as categorias de ajuda e um ícone comum para todas as categorias de anúncios usando apenas duas entradas. E qualquer nova subcategoria com a tag de ajuda herdará o ícone automaticamente.
Para o nosso caso de uso, levei isso um passo adiante e realmente tornei isso uma opção para correspondência parcial no slug, de modo que uma entrada “help,question-mark,#000080,false” corresponderia a “sw-help”, “help-forum” e “helpdesk”.
O item adicional “false” no final da entrada indica para não impor uma correspondência exata.
Também tenho a opção de especificar a cor como “catcol”, caso em que o ícone herdará a cor da categoria em vez de usar uma especificada separadamente.
Duas sugestões para inclusão em uma atualização para você.
3 curtidas
Acredito que o componente usou correspondência parcial em algum momento, o que confundiu alguns usuários que queriam um ícone para “book” mas não para “booking”. Mas com a opção de ativar/desativar isso por configuração, isso seria ótimo. (Talvez você pudesse usar partial-match em vez de false como o último item, o que seria mais fácil de entender.)
Essa é uma adição legal.
Ficarei feliz em revisar um PR para qualquer uma dessas funcionalidades. Obrigado!
5 curtidas
Allow slug partial-match option by rogercreagh · Pull Request #5 · discourse/discourse-category-icons · GitHub foi mesclado, obrigado @rogerco!
3 curtidas
Encontrei um pequeno problema com a opção de cor da categoria quando as configurações usam marcadores ou caixas em vez de barras — eu a criei apenas para a opção de barras nas configurações, e ela volta ao cinza nas outras opções. Acredito que isso possa ser resolvido principalmente com CSS, mas ainda não consegui descobrir como. Mas vou conseguir!
3 curtidas
Obrigado por este ótimo tema, @pmusaraj! 
Gostaria de usar o ícone de COMENTÁRIOS, mas não sou muito fã da versão sólida. Quando uso comments, recebo a versão sólida. A versão sólida é normalmente fornecida como “fas fa-comments”.
E se eu quiser usar a versão regular, que é normalmente fornecida como “far fa-comments”?
Dentre as variações abaixo, algumas exigem uma assinatura paga. Existe alguma maneira de selecionar diferentes variações ou a versão sólida é a única disponível?
3 curtidas
Adicionei ao meu tema, da seguinte forma:
- $icons-sprite: icons8-chat.svg
Como faço agora para adicionar isso às configurações do tema? Eis o que tentei fazer…
2 curtidas
Use “far-comments” em ambas as configurações, como neste exemplo:
As versões pagas não estão disponíveis publicamente, então não podemos incluí-las no Discourse. Se a licença permitir, você pode adicioná-las em um sprite SVG personalizado no seu tema. Instruções completas sobre isso estão em Apresentando o Font Awesome 5 e ícones SVG; leia com atenção a seção “Adicionando ícones personalizados”.
4 curtidas
Obrigado pela ajuda com isso! Adicionar far-comments em ambas as áreas funcionou perfeitamente!
Você pode dar uma rápida olhada nesta outra pergunta que fiz (em resposta a outro dos seus comentários neste tópico)…
1 curtida
Olá, componente de tema incrível! Estou com dificuldades para adicionar Font Awesome ou fazer upload de ícones usando o upload de ícones-sprite. Só consigo exibir o question-circle. O que estou fazendo de errado? Preciso adicionar código CSS?
Imagens abaixo
E
Os nomes do Font Awesome sempre dizem “não encontrado” e “criar”? Tentei com o nome direto e o prefixo, por exemplo, bullhorn ou fa-bullhorn.
Atualização: consegui fazer o Font Awesome funcionar. Encontrei a opção de ícone SVG nas configurações para adicionar, porém ele não está usando a configuração de cor como o question-circle.
Gostaria de usar ícones SVG personalizados, mas preciso de um guia para iniciantes sobre como fazer isso.
1 curtida
Ao verificar o site no seu perfil, vejo ícones para categorias, então talvez você já tenha resolvido isso? Se não, pela captura de tela acima, acho que você precisa garantir que o arquivo SVG em icons-sprite seja um arquivo de sprite SVG (e não um ícone individual). Mais detalhes em Replace Discourse's default SVG icons with custom icons in a theme
6 curtidas