Sim, as Imagens em Destaque não estão habilitadas por padrão… elas precisam ser ativadas nas configurações do Componente de Tema. Procure por todas as configurações com “Imagens em Destaque” na descrição.
Observe também que, se você optar por identificar as coisas por Tag, certifique-se de que esses tópicos estejam com Tag.
Percebo que toda a div com “tiles-grid-item topic-list-item” fica cinza ao passar o mouse e o cursor vira um ponteiro - no entanto, o item/card inteiro não é clicável, mas apenas o texto e o título. Poderia ser alterado para que o item/card inteiro seja clicável?
Como e por que encontrei isso e gostaria de solicitar uma alteração: caso eu tenha um título curto - o espaço à direita do título não é clicável, mas o fundo cinza/cursor de ponteiro me diz que é. No meu caso, também defini as imagens para 25% da largura - então todo o espaço ao redor da imagem não é clicável, mas o fundo/cursor me diz isso.
Para mim, parece que o problema é causado porque o link está anexado ao texto e à imagem e não à div circundante - que define a mudança de cor de fundo/cursor ao passar o mouse.
Tentei mexer no CSS para mudar isso - mas não encontrei uma solução funcional, pois estou apenas no modo de tentativa e erro em CSS - e não tenho conhecimento de JS.
O título, a prévia do texto e a miniatura devem ser clicáveis.
Eu experimentei com toda a superfície sendo clicável (o que faz sentido funcionalmente, com certeza!), mas isso causou um problema com o EmberJS e clicar no título parou de funcionar, então eu o removi.
O problema vem do fato de que estou usando o componente Title padrão e aninhá-lo dentro de um link parece causar problemas?
Se você puder fazer funcionar, sinta-se à vontade para enviar um PR.
Pode haver uma grande refatoração em alguns meses devido a mudanças futuras no core, então se você não o abordou até lá, posso considerá-lo então.
haha, você me honra - mas por enquanto isso está muito acima das minhas habilidades de CSS/JS - o que farei em vez disso é desativar o cursor do ponteiro para o item/cartão, bem como a mudança de cor de fundo ao passar o mouse : )
O último commit quebra o componente no stable (e provavelmente no 3.1.0beta6 e inferiores também). Você pode, por favor, adicionar um arquivo .discourse-compatibility?
Bug/comportamento estranho.
Em Admin > personalizar > Temas > Claro > CSS/HTML Personalizado > Rodapé, adicionei um HTML simples para adicionar um rodapé à nossa comunidade.
Quando habilito este componente, esse HTML não é renderizado. Verifiquei, ele não está oculto com CSS devido a algum conflito inesperado, ele simplesmente não é carregado.
Alguma ideia do que pode ser?
Então você também está surpreso? Vou tentar ilustrar:
Isso está em todas as páginas da comunidade.
Sem o componente Previews habilitado. Tenho um rodapé (amarelo), com conteúdo. Ciano são os outros componentes principais, para ilustrar a posição do rodapé.
O TLP não deve tocar na página de Categorias (ela é estruturada de forma a impedir a substituição discreta - além disso, não há espaço para coisas extras!) - a menos que você tenha Imagens em Destaque ativas.
Obrigado @merefield, realmente aprecio. Adoro este componente, é lindo e fácil.
A única coisa que notei, relevante ou não, é que o “id” do ember do rodapé muda entre 156 e 157. Quase como se 157 estivesse reservado?
@merefield este componente está a criar problemas na pesquisa avançada. Apesar de haver vários resultados de pesquisa (mais de 50), apenas um será exibido na lista.