Visualizações da Lista de Tópicos (TLP)

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.

1 curtida

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 : )

1 curtida

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?

1 curtida

PR Bem-vindo

NB Nunca foi intenção dar suporte a versões anteriores ou estável, mas se isso puder ajudar a facilitar, vá em frente.

Você poderia me informar o hash do commit da alteração principal que você fez na última alteração?

Então, eu não descobri isso diretamente, mas copiei a abordagem do PR de David para o “News Plugin”, que incluía esta entrada:

Estranhamente, essa entrada não pareceu ajudar alguém que foi forçado a fixar um fork manualmente?

MAS: Encontrei o commit e ele está aqui: https://github.com/discourse/discourse/commit/c6cd3af5b54e124911389bf88cf0dad5aa916de6

Mas isso está marcado como: v3.1.0.beta7 :thinking: ?!

Então, estou assumindo aqui que poderíamos adicionar:

< 3.1.0.beta7: a4c3fc6ed3caf8f4aa93b20f44ad14d200794823?

@RGJ Eu já fiz o commit disso:

Me diga se isso resolve seu problema ou não…

2 curtidas

Parece que sim, obrigado!

2 curtidas

Observe que troquei a ordem - acho que o commit mais recente deve ficar no topo.

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?

<div class="px-6 text-white bg-black h-[250px] md:h-[187px] lg:h-[198px] cust-footer">
	<div class="flex flex-col justify-between h-full py-10 md:flex-row-reverse md:items-center ">
		<div class="socials"><a href="https://coherence.io/discord"><img src="https://coherence.io/images/icon-discord.png" alt="Discord"></a><a href="https://www.facebook.com/coherence.io"><img src="https://coherence.io/images/icon-fb.svg" alt="Facebook"></a><a href="https://twitter.com/coherenceio"><img src="https://coherence.io/images/icon-twit.svg" alt="Twitter"></a><a href="https://www.instagram.com/coherence_io"><img src="https://coherence.io/images/icon-insta.svg" alt="Instagram"></a><a href="https://www.linkedin.com/company/coherence-io"><img src="https://coherence.io/images/icon-linkedin.svg" alt="LinkedIn"></a></div>
		<div class="flex flex-col gap-2"><a href="https://coherence.io/"><img src="https://coherence.io/images/coherence-logo-white.svg" alt="coherence logo" class="w-32 h-6 mx-auto lg:w-40 lg:h-10 logo md:-ml-2 lg:ml-0"></a><div class="copyright">©2023 coherence ApS. Todos os direitos reservados.</div><div class="flex flex-wrap justify-center w-full gap-4 mt-8 md:mt-4 md:justify-start"><a class="text-white border-b-2 border-blue" href="https://coherence.io/privacy">Política de Privacidade</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/terms">Termos de Serviço</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/careers">Carreiras</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/ggj">Global Game Jam</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/blog">Blog</a></div></div>
	</div>
</div>

Posso perguntar - como isso se relaciona com o componente de tema de pré-visualizações da lista de tópicos?

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é.

Com o componente Previews habilitado. O conteúdo do rodapé (amarelo) desaparece completamente, a div fica vazia.

1 curtida

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.

Você está vendo algum item vermelho no console?

@per_coh Consigo reproduzir, obrigado pela sua persistência.

Muito estranho!!

No entanto, não há erros de Javascript, tanto quanto sei.

Não há concorrência para esse plugin outlet também.

Vou investigar mais a fundo quando tiver tempo, no entanto, sinta-se à vontade para enviar um PR de correção se encontrar uma.

1 curtida

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.

Aqui está o erro na consola:

4 curtidas

Obrigado pelo relatório. Vou dar uma olhada. Quase certamente uma alteração incompatível do core.

1 curtida

Isso foi corrigido:

4 curtidas