# Pré-visualizações da lista de tópicos (TLP) **URL:** \ **Category:** Theme component\ **Created:** [Novembro 23, 2021, 12:25pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973 "2021-11-23T12:25:59Z")\ **Posts on this page:** 20\ **Page:** 32
**Author:** ![anderer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/anderer/32/310458_2.png) [@anderer](https://meta.discourse.org/u/anderer)\ **Post date:** [Maio 16, 2025, 1:37pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/636 "2025-05-16T13:37:22Z")
@merefield - Quero pedir desculpas pelo inconveniente por não ter testado o suficiente - o problema veio do componente [Topic Banners component](https://meta.discourse.org/t/topic-banners-component/216229) não mantido - não percebi que ele foi definido como não mantido há algum tempo. e isso interferiu de alguma forma com o seu TC. você acha que eu deveria sugerir um novo recurso do discourse para mostrar o status do TC no respectivo painel de administração? ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 16, 2025, 2:58pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/637 "2025-05-16T14:58:47Z")
Sem problema. Eu acho que a equipe principal já fez alguns esforços para melhorar essa situação. Não tenho certeza se há mais o que eles possam fazer, mas de qualquer forma, não se preocupe. Às vezes é difícil dizer de onde vem o problema :). ---
**Author:** ![Michael\_König-Weichhardt](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_k%C3%B6nig-weichhardt/32/499144_2.png) [@Michael\_König-Weichhardt](https://meta.discourse.org/u/Michael_K%C3%B6nig-Weichhardt)\ **Post date:** [Maio 28, 2025, 11:23am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/638 "2025-05-28T11:23:17Z")
Parece que tenho um problema em que, assim que carrego infinitamente a lista de tópicos, o layout fica quebrado. Para verificar, basta abrir este URL - use o alternador de tema (inferior esquerdo) e mude para “retro” e role todos os tópicos até encontrar o problema: [https://neidan.discourse.group](https://neidan.discourse.group) Tela: ![Screenshot 2025-05-28 at 13.22.42](https://global.discourse-cdn.com/meta/original/4X/4/f/3/4f32796ca2d0ee4bd0eacb42a8ef8566f3871610.jpeg) Como você pode ver na tela, o layout está quebrado após o carregamento infinito… os polegares e tudo mais estão amassados juntos… O fórum é oficialmente hospedado pelo discourse, então há uma quantidade muito pequena de plugins e modificações. Não me lembro de ter tido um problema tão óbvio antes - deve ter acontecido com uma atualização… ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 28, 2025, 11:52am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/639 "2025-05-28T11:52:37Z")
Curioso. E nenhum erro no console. Vou dar uma olhada quando tiver oportunidade. Obrigado pelo relatório. (site bonito, aliás :)) (Para sua informação, a falta de renderização nativa do Masonry no navegador é uma omissão irritante que nos força a escrever Javascript mais frágil. Este componente de tema tem mais de 8 anos agora e em todo esse tempo [eles ainda estão discutindo sobre a implementação](https://developer.chrome.com/blog/masonry-syntax)!) ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 28, 2025, 11:59am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/640 "2025-05-28T11:59:20Z")
Eu consigo reproduzir. Parece que isso também quebrou o [https://starzen.space](https://starzen.space) após uma atualização. ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 28, 2025, 12:06pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/641 "2025-05-28T12:06:35Z")
> Experimente isso (acho que pode estar relacionado ao cálculo do tamanho quando fora da tela - uma solução alternativa existia, mas era restrita ao Firefox) Por favor, atualize e me diga se isso resolve o seu problema. ---
**Author:** ![Michael\_König-Weichhardt](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_k%C3%B6nig-weichhardt/32/499144_2.png) [@Michael\_König-Weichhardt](https://meta.discourse.org/u/Michael_K%C3%B6nig-Weichhardt)\ **Post date:** [Maio 28, 2025, 2:11pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/642 "2025-05-28T14:11:29Z")
Olá! Obrigado pela correção rápida! Parece que funciona - parece uma solução alternativa, porque no primeiro milissegundo eu vejo o mesmo problema, mas depois ele se reajusta. No entanto, os resultados funcionam por enquanto. Obrigado! ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 28, 2025, 2:53pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/643 "2025-05-28T14:53:27Z")
Oh, é mais do que uma “solução alternativa” nesse sentido. O JavaScript é projetado para não impor muito. Se fosse executado com mais frequência, desperdiçaria energia. É um compromisso até que o masonry seja suportado por CSS … ---
**Author:** ![Michael\_König-Weichhardt](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_k%C3%B6nig-weichhardt/32/499144_2.png) [@Michael\_König-Weichhardt](https://meta.discourse.org/u/Michael_K%C3%B6nig-Weichhardt)\ **Post date:** [Maio 28, 2025, 3:19pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/644 "2025-05-28T15:19:16Z")
Entendi! Muito obrigado pela correção rápida! 🙂 Vou ficar com o seu componente e espero que aconteça em breve. ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 28, 2025, 3:24pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/645 "2025-05-28T15:24:16Z")
Pode tirar o cavalinho da chuva haha ---
**Author:** ![Michael\_König-Weichhardt](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michael_k%C3%B6nig-weichhardt/32/499144_2.png) [@Michael\_König-Weichhardt](https://meta.discourse.org/u/Michael_K%C3%B6nig-Weichhardt)\ **Post date:** [Maio 28, 2025, 3:26pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/646 "2025-05-28T15:26:04Z")
uma última coisa que notei é que a visualização móvel no meu iPhone 13 mini está um pouco mais fora do que o normal - aqui está uma captura de tela ![🔥 - Experience Daoist Internal Alchemy together 2](https://global.discourse-cdn.com/meta/original/4X/5/b/4/5b479e6b8a8a221b822af4469f68de39ebd77749.jpeg) isso é definitivamente pior do que antes. há alguma maneira de consertar isso? Texto e imagem vão muito além da borda. ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 29, 2025, 2:51pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/647 "2025-05-29T14:51:15Z")
@patrickemin você pode tentar este CSS também: ```plaintext .tiles-style .topic-list-item.tiles-style { background-color: var(--primary-very-low); } ``` para te dar uma cor de fundo simples para ajudar a diferenciar os tiles (ladrilhos). então você não precisaria do plugin sidecar. ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 29, 2025, 2:52pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/648 "2025-05-29T14:52:29Z")
Com certeza isso pode ser corrigido com CSS. Se precisar de ajuda, #Marketplace O Componente é de código aberto e não há assinatura, mas temo que meu suporte gratuito seja limitado, pois sou um cara ocupado. Não estou vendo esse problema em nenhum dos sites listados no OP? (sinta-se à vontade para confirmar no seu dispositivo) Suspeito que possa estar relacionado aos requisitos especiais do seu tema específico. ---
**Author:** ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)\ **Post date:** [Maio 29, 2025, 2:55pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/649 "2025-05-29T14:55:19Z")
> [@merefield](#): > > ```plaintext > .tiles-style .topic-list-item.tiles-style { > background-color: var(--primary-very-low); > } > > ``` Obrigado, mas todos os blocos são afetados? Idealmente, apenas um bloco em dois (blocos pares) teria esse fundo, mas acho que isso não é possível com CSS? ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Maio 29, 2025, 2:56pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/650 "2025-05-29T14:56:02Z")
Eu recomendaria contratar alguém se você tiver necessidades especiais #Marketplace ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Junho 1, 2025, 11:24pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/651 "2025-06-01T23:24:42Z")
Adicionei outra correção que deve fazer as coisas funcionarem muito melhor: > Isso deve redimensionar os blocos quando o número de tópicos muda. ---
**Author:** ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)\ **Post date:** [Junho 17, 2025, 12:07pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/652 "2025-06-17T12:07:59Z")
Fui pego por um caso extremo, lol Quero ter avifs animados de 360p para prévias de tópicos, então configurei: ![A imagem mostra dois campos de entrada rotulados 'Largura da miniatura da lista de tópicos' e 'Altura da miniatura da lista de tópicos' com o valor de placeholder de 999, indicando a largura e altura das miniaturas que podem ser pré-visualizadas, cada campo de entrada tem um botão de seta para redefinir o valor. (Legenda da imagem por IA)](https://global.discourse-cdn.com/meta/original/4X/b/f/5/bf58e962dd91fce0506d6f60997eb8c049566c81.png) Funcionou bem até eu abrir um tópico e rolar para baixo até as recomendações 😂 Aparentemente, as recomendações não têm limite de tamanho por algum motivo (e a imagem e o link do card levam ao topo do tópico e não para a nova postagem (como o link do título faz), mas esse é outro problema) ![No desenho animado, um som é ouvido: "No fundo, a cor da neve presa a você é trazida para você..." (Legenda da imagem por IA)](https://global.discourse-cdn.com/meta/original/4X/8/8/0/880c0ff9f46ba9696702c19583c27462b91c0b7c.jpeg) ---
**Author:** ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)\ **Post date:** [Junho 17, 2025, 12:13pm UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/653 "2025-06-17T12:13:40Z")
Adicionado um `suggested` a `Topic list tiles topic lists`, parece que foi parcialmente corrigido ---
**Author:** ![Dimava](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dimava/32/498540_2.png) [@Dimava](https://meta.discourse.org/u/Dimava)\ **Post date:** [Julho 6, 2025, 10:45am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/654 "2025-07-06T10:45:00Z")
@merefield Você poderia verificar se os links da imagem e dos detalhes apontam para /t/foo/123 em vez de t/foo/123/1, assim como o link do título? Acho que é um bug em algum lugar Isso quebra os links de tópicos não lidos (eles deveriam apontar para a nova postagem, obviamente) ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [Julho 6, 2025, 11:22am UTC](https://meta.discourse.org/t/topic-list-previews-tlp/209973/655 "2025-07-06T11:22:02Z")
A imagem destina-se a vincular ao Post Original (PO), pois é onde a miniatura geralmente fica. Poderíamos adicionar configurações para oferecer mais opções, porém, incluindo (mas não se limitando a): - último post lido e - miniatura atualmente selecionada (que não precisa estar no primeiro Post, já que você pode selecionar outra). [Página anterior](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=31) [Próxima página](https://meta.discourse.org/t/topic-list-previews-tlp/209973.md?page=33)