Lista de Pré-visualizações de Tópicos (legado)

Você consegue ver as lightboxes no arquivo latest.json, logo abaixo do resumo de cada tópico? Tenho a suspeita de que o Discourse está incluindo esse HTML indesejado no resumo serializado.

1 curtida

Atualizei hoje para as versões mais recentes do Discourse e do TLP e notei um problema menor, mas irritante: ao clicar em certos tópicos, ocorre um ‘piscar’ ou recarregamento. Aqui está um vídeo do efeito:

Rastreei o problema até o TLP após realizar vários testes no modo seguro e de reconstrução no meu servidor de staging. Também observei o mesmo efeito em outros sites que usam o TLP.

Para reproduzir:

  1. Acesse Blenderartists.org
  2. Clique em um tópico com respostas (o efeito parece ser mais pronunciado com mais respostas)

Você também verá isso nestes sites:

Após remover o plugin TLP e reconstruir, o ‘piscar’ desapareceu.

1 curtida

Sim, foi relatado acima e eu respondi. Você tem ideia de quanto tempo isso tem acontecido, do seu ponto de vista?

Parece ser algum tipo de problema estranho do Ember (veja acima).

Não tenho uma solução neste momento. Os URLs estão sendo gerados por um template do Core (não do TLP) e estão em conformidade. Isso também ocorre no TC.

1 curtida

Ah, desculpe, eu não tinha verificado tão para trás. Eu não atualizava há dois meses (2.7.0.beta1) e notei isso após a atualização de hoje.

2 curtidas

A miniatura não funciona, mas o link é quase exatamente o mesmo (idêntico se você não leu um Tópico)?

Aqui está o código do TLP:

Aqui está o núcleo:

Veja a diferença?!

Meta vanilla:

Exemplo do TLP:

Respostas em um cartão postal?

1 curtida

Não sei como os links funcionam no Discourse; eles certamente não atuam como hiperlinks ‘normais’, pois você não sai do aplicativo. O que observei é que o ‘segundo carregamento’ parece ser muito mais lento. Para mim, parece que, ao clicar em um link, primeiro o ‘link do aplicativo’ funciona, carregando o conteúdo rapidamente. Em segundo plano, ao mesmo tempo, toda a página começa a recarregar, o que exige recarregar todo o aplicativo e é muito mais lento. Seria possível que houvesse um listener de evento ou um evento onclick anexado ao link, além do atributo href?

1 curtida

O link do título do TLP está de alguma forma fazendo com que o framework Ember e o navegador realizem uma chamada completa de página, enquanto o aplicativo Discourse padrão está apenas fazendo uma solicitação XHR (sem atualização da página). O clique na miniatura está funcionando bem assim no TLP. Tenho quase certeza de que isso não acontecia antes; é muito estranho.

1 curtida

A coisa complica, o navegador está tomando essa decisão?

Sem problema no Meta:

image

1 curtida

Ah, acho que sei o que pode estar acontecendo! Toda a superfície é clicável. Pode ser que ela esteja se irritando com um clique duplo. Vou verificar.

Pode ser que precisemos remover o clique na superfície para que isso funcione.

2 curtidas

OK @bartv @_diondiondion

Isso deve ser corrigido no plugin: FIX: remove topic list item click event to prevent transition conflict · merefield/discourse-topic-previews-sidecar@6064a59 · GitHub
e no TC: FIX: remove click event from topic list item component to prevent con… · merefield/discourse-tc-topic-list-previews@7fbe8ca · GitHub

3 curtidas

Parece que a imagem do tile está se sobrepondo quando o resumo contém um link “inline-onebox”.

“excerpt”: “source: <a href="https://t.co/WMHOR1b1cm\” class="inline-onebox">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 …",

Se eu editar o post e iniciar uma nova linha antes do link, o problema de sobreposição é resolvido.

“excerpt”: “source: \n<a href="https://t.co/WMHOR1b1cm\” class="onebox" target="_blank" rel="noopener">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 \n ",


O resumo contém um link “lightbox” se houver uma imagem no topo do post. O tamanho e o estilo da fonte do texto do resumo mudam após a imagem, mas não causam sobreposição da imagem do tile.

“excerpt”: “<a class="lightbox" href="https://whatever.hk/uploads/default/original/2X/c/c42ca98cb9b3b6c6401c89940259cdc84800c70d.jpeg\” data-download-href="https://whatever.hk/uploads/default/c42ca98cb9b3b6c6401c89940259cdc84800c70d\" title="image_title">\n texto ",

1 curtida

Você pode tentar ocultar a âncora com a classe lightbox no CSS.

1 curtida

Muito obrigado pela sua ajuda. :grinning:

Quanto ao problema de estilo da fonte, atualmente, adicionei font-size e color em todo o CSS do tema para topic-details, topic-excerpt e topic-excerpt-more com estilo de tiles. Parece que isso resolveu o problema. :smiling_face_with_three_hearts:

O código dos links da lightbox de imagens ainda está lá, escondido dentro do excerpt. Acho que o Discourse deveria removê-lo completamente. Esses códigos parecem não fazer nada além de aumentar o tamanho da página web. :thinking:

2 curtidas

É, isso resolveu. Obrigado, Robert!

2 curtidas

Sim, concordo. Estou relutante em substituir o back-end, pois isso deve permanecer nativo. Também estou relutante em aplicar JavaScript para removê-lo. CSS é o caminho certo por enquanto, se funcionar.

Sinta-se à vontade para compartilhar seu CSS com a comunidade aqui :).

1 curtida

Eu simplesmente defini o font-size e a cor para topic-details, topic-excerpt e topic-excerpt-more. Isso evita estilos de fonte diferentes no resumo antes e depois da imagem. :grinning:

.tiles-style .topic-details {
font-size: 14px;
color: var(--primary-high);
}

.tiles-style .topic-excerpt {
font-size: 14px;
}

.tiles-style .topic-excerpt-more {
font-size: 15px;
color: var(--tertiary);
}
2 curtidas

Desde esta semana, tenho notado problemas com o seletor de miniatura. Em alguns tópicos ele funciona, mas em outros falha consistentemente e aparece vazio, embora eu ainda não tenha descoberto um padrão. Aqui está um tópico onde ele falha. Não vejo mensagens no console, nem problemas nas requisições de rede.

Esta é a resposta ao clicar no botão ‘Selecionar miniatura’:

1 curtida

Uma correção rápida para o ‘gap’ é apenas isso:

.topic-list .topic-excerpt {
    padding-right: 0px;
}

Suspeito que isso seja um resquício da visualização não em blocos. Posso adicionar isso ao CSS dos Blocos.

2 curtidas

Sim, não é 100% perfeito.

Aqui está o conjunto atual de critérios. Se você puder encontrar uma omissão óbvia, ficarei feliz em considerar, mas está muito próximo do que é usado na lógica principal que o Discourse utiliza.

2 curtidas

Haha, claro que AGORA funciona :facepalm:

2 curtidas