Ícones de Categoria

Personalização Componente de tema
, ,
107

Olá a todos - Instalei o plugin, mas não consigo encontrar onde configurá-lo?

Ele é compatível com a versão 2.6.0.beta2?

Aqui está o meu app.yml:

hooks:
  after_code:
    - exec:
	cd: $home/plugins
        cmd:
          - git clone https://github.com/discourse/docker_manager.git
  ##        - git clone https://github.com/discourse/discourse-adplugin.git
  ##        - git clone https://github.com/discourse/discourse-solved.git
  ##        - git clone https://github.com/discourse/discourse-akismet.git
  ##        - git clone https://github.com/discourse/discourse-bbcode.git
  ##        - git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
  ##        - git clone https://github.com/tshenry/discourse-versatile-banner.git
          - git clone https://github.com/discourse/discourse-category-icons.git

## Quaisquer comandos personalizados para executar após a compilação

Reconstruí o sistema, mas não consigo ver nada em lugar algum no painel de administração para configurar.

Por favor, ajudem.

1 curtida
108

Olá, isso não é um plugin! Este é um componente de tema.

Por favor, leia como instalar um componente de tema: Installing a theme or theme component

Edição: Estes também são componentes de tema, então instale da mesma forma :arrow_up:

- git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
- git clone https://github.com/tshenry/discourse-versatile-banner.git
6 curtidas
109

Obrigado, Don, você é uma estrela — como pode ver, sou novo nesta plataforma.

Ant

2 curtidas
110

Olá, acabei de criar um PR para adicionar uma nova opção para especificar a cor do ícone como “catcol”, o que fará com que ele adote a cor da categoria (como visto na faixa da categoria e definido em Editar categoria | Geral | Cor de fundo).
Exemplo: “test,hands-helping,catcol,partial”

Isso é mais útil com correspondência parcial de nome, de modo que, no exemplo, o mesmo ícone pode ser usado para todas as categorias que contenham “test” em seu slug, mas cada uma adotará sua própria cor de categoria, em vez de todas usarem a mesma. Também oferece uma alternativa rápida à necessidade de selecionar uma cor para um ícone único (correspondência exata) — basta usar a cor da categoria.

Isso também será útil com uma nova opção proposta para fazer com que o ícone substitua a faixa da categoria, mantendo a dica de cor da categoria — assunto de um PR futuro.

RogerCO

3 curtidas
111

O PR de @rogerco foi mesclado. Agora você pode usar a cor da categoria adicionando a palavra-chave especial “categoryColour” onde a cor do ícone deve aparecer. Obrigado, Roger!

2 curtidas
112

A cor não é aplicada nos ícones na visualização /categories?

2 curtidas
113

Ah, desculpe por isso, deve estar corrigido agora.

2 curtidas
115

Olá, este componente requer o FontAwesome ou posso usar meus próprios ícones?

1 curtida
116

Não sei se pode ser útil para mais alguém, mas enviei um pull request para o discourse-category-banners para exibir o ícone do discourse-category-icons ao lado do título do banner. Estou usando em produção aqui.

9 curtidas
117

Obrigado @renato, seu PR foi mesclado.

6 curtidas
118

Essa é uma boa adição, mas não funciona como esperado se a cor do ícone da categoria for definida como a mesma cor da categoria (você usa o preto padrão para os ícones das categorias no seu exemplo, e eles são invertidos para branco, igual ao título).

A cor do ícone no título provavelmente deveria ser definida explicitamente como a mesma cor do título, para que ícones de qualquer cor pudessem ser usados?

3 curtidas
119

Eu tive o mesmo problema na minha instância, mas percebi que, ao omitir a cor do ícone da categoria, ele assume a cor adequada: branco quando está no renderizador da categoria image e no título do banner, e preto quando o fundo é branco: image.

No entanto, se você não usar o estilo de categoria box e a cor do ícone da categoria for definida igual à cor de fundo da categoria, você está certo: o ícone fica “invisível”.

Podemos definir explicitamente para outra cor, claro. O título do banner usa a cor da categoria; talvez essa seja a aposta mais segura, como você sugeriu. @pmusaraj, o que você acha?

4 curtidas
120

Sim, isso funciona para mim.

2 curtidas
121

Olá. Este é um componente excelente. É possível desativar os ícones de categoria quando eles aparecem nas listas de categoria? No nosso caso, queremos usar os ícones de categoria em todos os outros lugares onde aparecem, mas não na lista suspensa de categorias.

1 curtida
122

Sim, você pode adicionar um pouco de CSS para ocultar os ícones nas listas específicas.

2 curtidas
123

Olá Penar. Note que queremos manter os ícones para todas as categorias, mas desejamos desabilitar a exibição do ícone apenas no menu suspenso do controle de lista de categorias. Tentei trabalhar com as classes “fa d-icon d-icon-lock svg-icon svg-string” e “category-name”, mas não tive sucesso. Onde devo aplicar as configurações de CSS? Poderia me sugerir algumas configurações para tentar?

Obrigado,
Doug

3 curtidas
124

Claro, posso ajudar. Você pode postar uma captura de tela do elemento da interface onde gostaria de ocultar os ícones? Não tenho 100% de certeza do que você está se referindo exatamente, mas com uma captura de tela, devo ser capaz de fornecer o CSS necessário para ocultar os ícones apenas nesse contexto específico.

3 curtidas
125

Olá Penar,

Ótimo. Em anexo está a captura de tela de um exemplo de teste onde gostaríamos que o ícone não fosse exibido.

Screen Shot 2021-02-08 at 9.55.59 AM
Screen Shot 2021-02-08 at 9.55.59 AM1280×1400 84.6 KB
. Esta captura de tela mostra um ícone de seta sendo exibido no controle de lista suspensa de categorias. Desejamos que o ícone seja exibido em outras localizações do site (veja a segunda captura de tela) Screen Shot 2021-02-08 at 9.59.36 AM|690x356, como onde as publicações aparecem. Alguns usuários aqui solicitaram algo como esse ícone de seta para voltar, para que possam navegar facilmente de volta ao topo de uma categoria após visualizar uma publicação. Sugerimos outras maneiras de fazer isso usando a interface web do Discourse, mas eles ainda desejam que este pedido seja implementado.

Obrigado,
Doug White
Programa de Informática em Saúde da Carolina
Universidade da Carolina do Norte em Chapel Hill

1 curtida
126

Hmm, o CSS para fazer isso é este:

.select-kit-row .category-badge-icon {
    display: none;
}

No entanto, você encontrará problemas em outros lugares, pois o emblema da categoria é exibido em muitos locais e essa seta será mais confusa do que útil na maioria das vezes.

1 curtida
127

Sim, eu sei. Eu disse isso a eles, mas me pediram para fazer de qualquer forma. Existe alguma maneira de remover o ícone de aparecer no próprio controle? Ele ainda está aparecendo no topo do controle de lista.

Screen Shot 2021-02-08 at 12.35.09 PM
Screen Shot 2021-02-08 at 12.35.09 PM1174×1136 65.4 KB
.

1 curtida