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

Obrigado, vou tentar isso.

2 curtidas

Jon, verifique também o /latest.json e os dados recebidos para as miniaturas - verifique se as URLs funcionam, por exemplo:

2 curtidas

Hoje, portei as melhorias de Imagens em Destaque do TC para o Plugin, então agora você pode obter Imagens em Destaque no mobile e a formatação ficou muito melhor.

Isso pode afetar algum CSS personalizado que você tenha desenvolvido, peço desculpas por isso, mas é praticamente inevitável. As melhorias devem valer a pena.

Lembre-se de que você pode definir a largura horizontal como zero para permitir que o layout determine a largura com base na proporção, o que facilita uma aparência mais organizada. Você também pode ocultar os trechos nas configurações se as coisas ficarem muito apertadas com suas imagens/configurações.

Este site está atualmente executando o plugin:

NB: Parece um pouco melhor no Safari com sua barra de rolagem mais elegante :slight_smile:

3 curtidas

Ei, depois da atualização, apareceu uma barra de rolagem horizontal inútil. Como eu poderia removê-la :slight_smile:

No momento, removi essa barra de rolagem com CSS manipulado:

.tlp-featured-topics.has-topics .topics {
    overflow-x: hidden;
}
2 curtidas

Sim, essa é a abordagem correta. Não consigo ver que esteja transbordando de forma alguma no momento. Aliás, essa barra de rolagem parece bem menos feia no Safari.

Infelizmente, essa abordagem impedirá que você role a página se as imagens em destaque ficarem significativamente mais numerosas e forem renderizadas para a direita.

Então, outra abordagem: publique muito mais conteúdo em destaque!!

2 curtidas

Aliás, você pode brincar com o estilo da barra de rolagem. Infelizmente, isso é complicado pelo fato de não ser padrão em todos os navegadores. Por exemplo:

/* Funciona no Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: grey darkgrey;
}

/* Funciona no Chrome, Edge e Safari */
*::-webkit-scrollbar {
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: darkgrey;
}

*::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 0px;
  border: 0px solid grey;
}

fonte: How to Customize Scrollbars with CSS: Styling Guide with Examples | DigitalOcean

2 curtidas

Obrigado! Essa é uma ótima solução :slight_smile:

2 curtidas

Olá @merefield, muito obrigado pelo plugin, ele é muito popular em nossa comunidade. Nós o utilizamos em uma configuração bastante minimalista, apenas para exibir miniaturas de tópicos nas listas de tópicos, nada mais, na verdade.

No entanto, após algumas semanas de uso, tivemos que desativá-lo agora, pois ele causa problemas bastante graves ao navegar para dentro e para fora dos tópicos. Basicamente, ao entrar em um tópico, frequentemente há um piscar no layout e a barra de navegação desaparece por um momento antes que o tópico seja renderizado. Por outro lado, ao voltar, o mesmo acontece e a posição de rolagem na lista de tópicos é perdida. Além disso, navegar para dentro e para fora dos tópicos é notavelmente mais lento do que com o plugin desativado. Aqui está uma gravação de tela de como isso se parece no mobile (desculpe pelo link do gfycat, a captura de tela era grande demais para fazer upload no Discourse).

Você sabe o que pode estar causando esses problemas e há algo que possa ser feito para evitá-los? Não há erros no console ou qualquer outra coisa que dê uma pista sobre o que está quebrado.
Configurei o nível de resolução de miniatura da lista de tópicos para a configuração mais baixa, 6, já que não precisamos de imagens grandes, então o tamanho da imagem não deve ser um fator relevante. Sinta-se à vontade para me avisar se houver alguma outra informação que eu possa fornecer para ajudar.

2 curtidas

Obrigado pelo relatório. Por curiosidade, você já tentou o TC?

1 curtida

Não, ainda não tentei isso — se você acha que pode melhorar as coisas, vou experimentar. É seguro instalá-lo lado a lado com o plugin (desativado)?

1 curtida

Provavelmente não; você precisaria reinstalar.

O comportamento que você descreve é estranho. O href dos títulos é quase idêntico ao das miniaturas.

Você pode confirmar que clicar nas miniaturas não apresenta o problema? (no plugin).

1 curtida

Posso confirmar! Eu nem tinha percebido até agora que clicar na miniatura leva você para a primeira postagem do tópico. Clicar na miniatura é tão rápido quanto deveria ser.

Obrigado, vou tentar isso então, mas provavelmente não vou conseguir fazer isso hoje à noite. Também acabei de descobrir que o Componente de Tema Miniaturas da Lista de Tópicos existe. Me pergunto se ele seria mais adequado para o nosso caso de uso, devido ao seu escopo mais limitado. :thinking:

Aliás, obrigado pelas suas respostas super rápidas!

2 curtidas

Já tentei o TC agora e, infelizmente, ele apresenta o mesmo comportamento.

2 curtidas

Obrigado.

Sim, isso é interessante.

As URLs estão corretas, mas o Ember parece estar convertendo os cliques no título para uma atualização completa da página.

Se você observar a aba de rede do seu navegador, verá a diferença.

Tenho quase certeza de que isso não acontecia antes.

O título é gerado pelo mesmo código no núcleo, o que é bastante intrigante.

2 curtidas

Parece que, quando há imagens no topo da postagem, isso pode causar alguns problemas de estilo de formatação no “resumo da lista de tópicos”.
(Isso ocorre tanto no plugin quanto no TC)

Aqui está um exemplo.
As duas primeiras linhas estão corretas, mas após uma imagem, o estilo das terceira e quarta linhas muda. (Isso ocorre em todos os temas que testei)

Com o inspeção, parece que o “resumo da lista de tópicos” está tentando incluir o link da imagem dentro do resumo, o que causa problemas no estilo.

1 curtida

“list/topic-excerpt” está no núcleo, não no plugin ou no TC, infelizmente.

Não estou sobrescrevendo diretamente.

Será que é alguma besteira do jQuery?

Fique à vontade para ajudar na depuração.

1 curtida

Obrigado pela sua rápida resposta. :smiling_face_with_three_hearts:

Também descobri que alguns links dentro do resumo da postagem podem causar sobreposição da imagem do cartão.

Parece que isso é causado por um link inline-onebox.

Não tenho certeza se está relacionado ao núcleo do Discourse ou ao plugin TLP. :thinking:

Talvez eu desative temporariamente o resumo por enquanto.
Muito obrigado :grinning:

2 curtidas

Desculpe, sim, é possível que seja o CSS. Tente modificá-lo. O TC pode ter um CSS melhor para isso… não me lembro :slight_smile:

1 curtida

Muito obrigado. :grinning:

Sim, acho que você está certo: ao usar o TC, não há problema.
O problema de sobreposição só ocorre depois que mudei para o Plugin.\n
Espero que o Chrome consiga corrigir em breve o limite de 1000 linhas do CSS Grid, assim poderemos substituir o Plugin pelo TC completamente.

1 curtida

Obrigado pela confirmação. Vou tentar mover esse CSS em algum momento. Por enquanto, você pode simplesmente usá-lo para sobrescrever em um TC local.

1 curtida