Aqui está o PR para dar suporte a logotipos de categoria no modo escuro:
Isso me incomodou um pouco também. Um pouco de CSS personalizado resolve:
// deixa o link Leia mais dos Cabeçalhos de Categoria usar a mesma cor do texto do resumo
.category-about-url a {
color: inherit;
}
Meu desejo restante para o link “leia mais”: mostrá-lo apenas se realmente houver mais conteúdo. Tenho algumas páginas longas na categoria Sobre e algumas curtas, e prefiro não oferecer um link para nenhum conteúdo adicional.
(Não tenho ideia se isso é viável. Pode ser muito pedir de um TC.)
Quando a descrição completa da categoria está sendo exibida, também encontro isso no Theme Creator e na minha instância de desenvolvimento. Estou investigando. Suspeito que seja porque a rota muda, mas a variável rastreada não.\n\nATUALIZAÇÃO: Adicionei uma funcionalidade de expandir/recolher para descrições de categoria aqui. @nathank Também corrigi o bug em:\nhttps://github.com/naidihr/discourse-category-headers/pull/22\n\nCom um pequeno empurrão do Ask Discourse para usar willDestroy com o serviço de roteamento.
Uau, Nate!
55 commits e um PR em uma noite… incrível.
Ficarei aguardando o merge e ansioso para testar!
Uma manhã tardia para mim, na verdade
. Vou verificar se a sua sugestão sobre verificar se a descrição tem mais texto é possível. Eu também senti que precisava disso durante meus testes.
Esta é uma adição fantástica! ![]()
Apenas um pequeno ponto de feedback: Pode fazer sentido adicionar um ícone de chevron no canto superior direito ou na borda direita do cabeçalho da categoria para indicar a funcionalidade de expandir/recolher aos usuários. Mas é um ótimo começo, e por enquanto usar um emoji no texto do link
como indicador cumpre a função:
PR foi mesclado
!
Entendido
. Vou dar uma olhada.
Nate, a funcionalidade de ler mais/ler menos é excelente, obrigado!
Se houver uma maneira de condicionar esse link a mais texto existente, seria ótimo – mas eu também poderia apenas escrever descrições mais longas ![]()
Vejo alguns problemas que você pode não ter tido a chance de notar:
- os links de categoria e tag não estão renderizando seus ícones SVG
- a imagem da categoria não está aparecendo, então estou recebendo o ícone padrão do site
Uma pequena coisa que consegui contornar: os links no texto Sobre não estavam herdando a cor do texto, como o link ler mais mencionado anteriormente. Este CSS estiliza os links de texto sem afetar os links de categoria e tag:
// estilização de links de texto, para excluir links de categoria e tag
.category-title-header .category-title-description
a:not([data-type="tag"], [data-type="category"]) {
color: inherit;
text-decoration: underline;
}
(capturas de tela)


Estou realmente impressionado com as atualizações, e espero que meus problemas com SVG e ícones sejam apenas uma correção simples.
Interessante. Você sabe se isso já existia anteriormente?
Vou dar uma olhada. Eu também encontrei isso. Tente desativar a configuração mostrar logotipo do site enquanto isso, isso parece corrigir.
Obrigado. Isso já era o caso anteriormente e alguma mudança ocorreu?
Tente desativar a configuração
show site logo(mostrar logotipo do site) por enquanto, isso parece resolver.
Isso funciona - obrigado! Eu deveria ter experimentado mais configurações.
Quanto aos ícones de link SVG e às cores dos links de texto, não posso dizer o que eles podem ter feito antes - eu nunca tive links na parte do resumo curto do texto do Sobre, mas agora existem alguns na seção expandida ‘leia mais’.
(Eu compartilhei esse CSS de cor de link caso fosse útil para você ou para alguém, mas sei que esse tipo de ajuste de estilo não é necessariamente responsabilidade do componente.)
Nate, alguma ideia sobre o problema com os ícones SVG de categoria/link de espaço reservado?
![]()
Não sei se há diferenças em como eles precisam ser codificados no cabeçalho em comparação com o tópico, mas o que está sendo gerado é bem diferente:
Comparação de links de categoria
Link de categoria no cabeçalho:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>Wild Speculations</span>
</a>
Link de categoria no tópico:
![]()
<a class="hashtag-cooked" href="/c/wild-speculations/5" data-type="category" data-slug="wild-speculations" data-id="5" data-style-type="square" aria-label="Wild Speculations">
<span class="hashtag-category-square hashtag-color--category-5"></span>
<span>Wild Speculations</span>
</a>
e
Comparação de links de tag
Link de tag no cabeçalho:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag">
<span class="hashtag-icon-placeholder">
<svg class="fa d-icon d-icon-square-full svg-icon svg-node">
<use href="#square-full"></use>
</svg>
</span>
<span>ai</span>
</a>
Link de tag no tópico:
![]()
<a class="hashtag-cooked" href="/tag/ai" data-type="tag" data-slug="ai" data-id="5" data-style-type="icon" data-icon="tag" aria-label="ai">
<svg class="fa d-icon d-icon-tag svg-icon hashtag-color--tag-5 svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
<use href="#tag"></use>
</svg>
<span>ai</span>
</a>
Tenho estado ocupado nestes últimos dias (resolverei isso amanhã). Suspeito que isso esteja incluído na descrição da categoria. Se você usar a descrição completa, isso ainda ocorre?
Agradeço que esteja dedicando seus esforços voluntariamente, e não quero incomodá-lo. Eu investiguei para ver se havia algo que eu pudesse resolver sozinho. (Não há.
)
Mas sim, ainda acontece com Mostrar descrição completa da categoria ativa.
Tentarei ver se há algo que eu possa fazer. O último recurso é usar alguma lógica (que pode ser complicada) para ajustá-los com base nas cores (que podem não levar em conta os ícones). Estou aberto a sugestões se alguém tiver uma maneira melhor.
@ToddZ Se você olhar este exemplo do componente oficial Category Banners (que acho que o Meta usa), ele também tem esse problema.
Entendi…! E alguém menciona o problema:
Instalei o Category Banners para verificar se os ícones de categoria funcionam – mas eles não funcionaram. Tanto os ícones de categoria quanto os de tag recebem o placeholder, assim como com o Category Headers. E é o mesmo independentemente da saída escolhida nas configurações.
Se houver uma maneira de fazê-los processar normalmente, seria ótimo, mas eu não gostaria que você recorresse a uma solução alternativa complexa.
Acabei de testar a compatibilidade com o tema Horizon. No geral, está funcionando, mas o único problema é que o plugin outlet atualmente usado pelo componente de tema dos cabeçalhos de categoria está dentro do contêiner list-controls no tema Horizon. Portanto, todo o cabeçalho da categoria permanece fixo.
A solução sugerida é alterar o plugin outlet ou adicionar uma opção para escolher um plugin outlet diferente fora do contêiner list-controls, por exemplo, o outlet discovery-list-controls-above.
Posso criar um PR se você quiser @NateDhaliwal
Interessante. Obrigado por levantar isso! Vou investigar.

