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

Você está bastante certo, peço desculpas. Quando definido como zero, a altura deve se ajustar automaticamente no mobile. Esse é um comportamento indesejável. Vou dar uma olhada nisso quando tiver tempo. Também vou considerar separar isso para um par específico para mobile.

Enquanto isso, posso recomendar que você ative ‘tiles’ no mobile OU modifique a miniatura com uma max-height, por exemplo:

.mobile-view .topic-list img.thumbnail:not(.tiles-thumbnail) {
    max-height: 900px;
}

900 provavelmente é excessivo, mas está lá para capturar imagens muito altas! :slight_smile:

Você também pode modificar o max-width conforme preferir (80px por padrão).

2 curtidas

Só queria confirmar o comportamento que estou observando.

Quando a largura e a altura são definidas como 100px:

  • As miniaturas no desktop têm 100px de largura e 100px de altura, e as miniaturas são essencialmente cortadas (a imagem não é esticada ou esmagada).
  • As miniaturas no mobile têm larguras e alturas diferentes, dependendo da proporção da imagem.

Quando a largura é 100px e a altura é 0px:

  • As miniaturas no desktop têm 100px de largura e alturas diferentes, dependendo da proporção.
  • As miniaturas no mobile têm larguras e alturas diferentes, dependendo da proporção da imagem.

Parece que essas configurações não estão sendo reconhecidas pela folha de estilo do mobile.

1 curtida

Correto, o CSS limita a largura e a altura máximas a 80px por padrão (para a visualização móvel sem mosaicos).

Por enquanto, modificar o CSS é o caminho a seguir.

Você pode experimentar com os valores para alinhar as coisas com avatares, etc.

Aprenda a usar o Inspecionador do Navegador para orientar sua escrita de CSS.

2 curtidas

Na verdade, tentei configurar isso agora mesmo e não consegui fazer a imagem de reserva aparecer.

Defini miniatura padrão da lista de tópicos e marquei miniatura padrão da lista de tópicos de reserva. Também tentei definir a URL da imagem para a miniatura exibida se o tópico nesta categoria não tiver uma miniatura de pré-visualização definida em categorias individuais e não consegui fazer nada aparecer.

Estou assumindo que não deveria ser necessário reprocessar os posts para que isso funcione corretamente, certo?

1 curtida

Estou fora do escritório agora, mas vou verificar assim que tiver uma chance.

Você está recebendo um erro de JavaScript no console? Por favor, certifique-se de que a imagem vinculada esteja hospedada (ou seja, carregada) no seu site e tente novamente, se necessário.

1 curtida

Encontrei outro caso para reproduzir o bug de ordenação que mencionei anteriormente. Acesse esta categoria; ela ordena corretamente pela data de criação. Visite um dos tópicos, clique no mesmo link da categoria e agora ela ordena por mais recente. Isso ocorre com os modos de visualização Tiles e Thumbnails, mas não acontece sem o componente do tema (apenas o núcleo).

3 curtidas

Acabei de atualizar o componente de tema TLP Theme Component (sim, normalmente não faço isso no meio do mês).

Agora ele suporta miniaturas para Desktop e Mobile :framed_picture: e até mesmo a visualização em blocos na lista de sugestões de tópicos. :tada:

(e corrige um problema causado por uma mudança quebrada no núcleo, o que agora facilita isso — obrigado, David!)

Foi um prazer. :stuck_out_tongue_winking_eye:

(faça-me saber se houver algum problema, mas parece ser compatível com os testes mais recentes aprovados desde este fim de semana).

O plugin agora suporta miniaturas na lista de sugestões no mobile. Em breve, posso adicionar suporte a blocos para a lista de sugestões tanto no desktop quanto no mobile.

8 curtidas

Não tenho certeza se isso se referia ao meu problema de ordenação ou se era dirigido ao David do Discourse. Só para avisar, o problema de ordenação ainda persiste.

Além disso, a opção suggested não está aparecendo na lista de opções sob os blocos. Consegui adicioná-la manualmente e funciona, só para avisar.

1 curtida

Sem relação. Vou dar uma olhada no problema de ordenação em algum momento. A falha no TC foi mais grave.

Sim, sei que é necessário adicioná-los manualmente no TC. Vou verificar se consigo resolver isso em algum momento.

2 curtidas

Corrija-me se eu estiver errado, mas instalar este plugin fornecerá a mesma funcionalidade e mais do que esses dois separadamente:

Estou apenas tentando entender: se eu instalar este plugin, precisarei desinstalar os componentes de tema acima?

1 curtida

Eu não recomendaria instalar ambos; você acabará com algum comportamento estranho. Você deve escolher entre o plugin Pré-visualização de Lista de Tópicos (este tópico) ou os componentes do tema que você vinculou.

2 curtidas

Obrigado. Parece-me apenas que, se este plugin puder fazer o que os dois componentes de tema acima mencionados fazem, além de oferecer outras funcionalidades (ação na lista de tópicos e capacidade de ajustar a largura/altura da miniatura), então eu não perderia nada ao instalar esses componentes de tema, apenas ganharia.

1 curtida

David está bastante certo. Os dois têm conjuntos de recursos, aparência e sensação ligeiramente diferentes. A escolha de qual instalar fica a seu critério, mas é improvável que funcionem juntos. Experimente ambos. Você pode alternar entre eles se instalar ambos os TCs com bastante facilidade (o TLP também tem uma versão com estilo de TC).

3 curtidas

Testei ambos e é possível obter os mesmos resultados. No entanto, gosto que este plugin ofereça uma imagem de miniatura padrão. Na verdade, tentei usar isso ao inserir um link do Imgur para uma categoria, mas não funcionou. Aqui está a categoria: Strategy - Duelists Unite

O link do Imgur é Imgur: The magic of the Internet

A imagem precisa ter um tamanho e formato específicos?

1 curtida

Acredito que a imagem precise ser carregada localmente. Por favor, tente isso primeiro.

1 curtida

Quando carregamos imagens para ícones de categoria e cabeçalhos, onde elas são armazenadas? Vou colocar as imagens no mesmo local, mas estou apenas curioso, já que isso também deve ser local. Acredito que os ícones de categoria devem ser usados como padrão quando uma imagem padrão não é fornecida.

Você pode me dar um exemplo do que devo digitar como caminho para arquivos locais? Criei uma pasta chamada ‘pics’ na minha pasta do Discourse. Então é var/www/discourse/pics/image.png. Devo colocar “pics/image.png”?

Acredito que a postagem de James Cook acima teve o mesmo problema e não foi resolvida: Topic List Previews (legacy) - #1210 by jamesmarkcook

1 curtida

Você deve ter um tópico no seu fórum chamado ‘Recursos para Design do Site’. Basta fazer o upload da imagem nesse tópico, clicar com o botão direito na imagem e copiar o endereço da imagem.

2 curtidas

Entendo o que você quer dizer. Criei um tópico chamado Assets e fiz o upload de algumas imagens. Copiei o URL e o coloquei lá, mas não funcionou.

Este é o URL. Tentei o URL completo e também o URL sem o nome do domínio, que é:

uploads/default/original/1X/c1808d114892ff27d1a7f08e7a95c991390cb689.png

1 curtida

Só uma atualização. Desinstalei o plugin e instalei a versão do componente de tema disso: Topic List Previews (legacy) - #1010 by merefield

Usando exatamente a mesma URL acima (/uploads/default/original/1X/c1808d114892ff27d1a7f08e7a95c991390cb689.png), a miniatura padrão funcionou.

Portanto, o componente de tema funciona, mas o plugin não. Eu preferiria usar o plugin, pois posso especificar uma miniatura padrão diferente para cada categoria. Além disso, o tema é experimental.

Muito provavelmente, vou voltar aos outros dois componentes de tema se o plugin não funcionar com a URL da imagem.

Obrigado.

1 curtida

Acontece que você descobriu um bug :+1:t2:. Deve ter sido um problema pendente desde que o núcleo do Discourse assumiu a geração de miniaturas.

Apesar de não ser durante nosso período de suporte de início de mês, liberei uma correção para acabar com sua frustração :slight_smile:

Deve funcionar agora no plugin (o TC funcionava o tempo todo).

@jamesmarkcook Acredito que isso também possa ser relevante para você. Peço desculpas, isso agora deve estar corrigido.

4 curtidas