Para tópicos sem imagens, eu quero que apenas o título do tópico fique visível. Existe uma maneira de fazer isso?
Eu consegui fazer isso com um pouco de CSS
.topic-list-thumbnail.no-thumbnail {
display:none;
}
1 curtida
Muito obrigado, era exatamente isso que eu estava procurando.
Uma postagem foi mesclada em um tópico existente: Como exibir trechos de conteúdo no componente de tema Topic List Thumbnails se não houver imagem em um tópico?
Agradeço aos autores. É um ótimo componente.
Existem alguns problemas no modo alvenaria (masonry). Quando as miniaturas são recuperadas de maneiras diferentes — imagens carregadas, logotipos e imagens puxadas de links e imagem de espaço reservado — a solução atual está usando desfoque (blur) para ocupar a largura não utilizada.
Eu acho que a maneira melhor é usar let thumbnail para ocupar toda a largura do contêiner e, em seguida, deixar a altura ocupar o espaço naturalmente, mantendo a proporção da imagem.
Eu tentei personalizar o CSS, mas problemas como miniaturas e textos se conjugarão e eu não consigo resolver. Estou esperando que uma versão mais nova resolva isso para mim.
1 curtida
2 publicações foram movidas para um novo tópico: Desabilitar miniaturas no celular quebra a visualização móvel
Muito obrigado, David Taylor, por um componente de tema tão incrível!
No estilo de blog, parece que a contagem de respostas não está funcionando:
Agradeceria muito se pudesse corrigir isso, muito obrigado!!!
1 curtida
Obrigado por relatar isso, acabei de fazer uma atualização para corrigir isso aqui: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub
1 curtida
Estou usando o componente de Miniaturas da Lista de Tópicos no meu fórum Discourse. Na visualização móvel, os tópicos sem uma imagem de destaque estão exibindo uma imagem de miniatura padrão/de reserva.
Exibir os tópicos sem imagem como uma linha de tópico normal, apenas em texto, sem nenhum espaço reservado para miniatura ou lacuna à esquerda.
Existe uma configuração, solução CSS ou personalização de componente de tema que possa alcançar isso?
Encontrei uma solução com o Claude AI
/* Ocultar miniatura em dispositivos móveis para tópicos sem imagem */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
display: none !important;
}
/* Corrigir layout de grade para tópicos sem imagem (sem coluna de miniatura) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
grid-template-columns: auto 15% !important;
grid-template-areas:
"title replies"
"data data" !important;
}