Imagem do logo da categoria sobreposta por texto após atualização recente

Após uma atualização recente (em algum momento nas últimas semanas), todas as imagens de categorias agora estão sobrepostas com texto. O site está executando a versão 2.9.0 beta 10 e usa o tema vanilla, sem plugins.

Isso acontece em vários dispositivos, exemplo abaixo:

Às vezes, a sobreposição inclui um ou dois títulos de tópico. Não posso vincular o site aqui, pois ele só é visível para membros inscritos.

Houve alguns relatos disso recentemente, e acho que tem a ver com o novo recurso de logotipo de categoria escuro/claro. Houve algumas correções sugeridas neste tópico:

1 curtida

Olá,

Houve algumas atualizações nesta seção nos últimos dias. FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHub e FIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub

Você pode tentar atualizar seu site? Isso provavelmente corrigirá isso. :slightly_smiling_face:

1 curtida

Eu atualizei para a versão beta 10 mais recente 2.9.0. Isso deveria ter corrigido isso? Eu atualizei pela interface do usuário.

Isso corrige as imagens da categoria paisagem que temos, mas não as verticais. A vertical tem o tamanho 638 X 1024, o que não parece grande nos dias de hoje :slightly_frowning_face:

1 curtida

Desculpe, talvez eu tenha entendido mal isto

Essas atualizações chegaram 1-2 dias atrás. Portanto, sua versão do Discourse provavelmente não as contém se você atualizou há algumas semanas.


Você pode compartilhar a URL do seu site para verificarmos se é pública? :slightly_smiling_face:

O problema ocorreu recentemente, mas o site está atualizado. Ele não é público.

1 curtida

Você também pode copiar e colar o número exato da sua versão do seu painel se não puder compartilhar um link. :+1:

2 curtidas
2 curtidas

Parece que você incluiu essas correções. Talvez haja um caso em que a largura foi considerada, mas não a altura. :thinking: É fim de semana para a maior parte da equipe, mas vejo o @Don digitando, então espero que ele possa criar uma solução comunitária nesse ínterim. :crossed_fingers: :slight_smile:

1 curtida

Você pode tentar no modo de segurança? Infelizmente, não consigo reproduzir no meu site de teste. Minha melhor dica, sem vê-lo lá, é um código personalizado de um componente que o causa.

1 curtida

Sem alteração com o modo de segurança. O site é básico, exceto por alguns plugins de login social.

@Amicable Não consigo reproduzir isso também. Tirei um print da sua imagem e a carreguei em uma categoria local, e o layout está bom:

Quais são as dimensões da sua imagem original?

Vejo que sua imagem postada era 638x1024, a que usei é 770x1144, então muito semelhante.

Talvez tente outra reconstrução? Se isso não funcionar, você pode compartilhar a lista completa de plugins que está usando? É possível que um desses plugins esteja substituindo o template da categoria, e isso poderia conflitar com os estilos atualizados no core.

Talvez esteja relacionado à atualização pela interface web. Já tive isso antes em problemas de CSS. Talvez as antigas folhas de estilo estejam persistindo novamente?

O único plugin que estou executando é o gerenciador do docker.

Estou novamente fora e não posso fazer a atualização no servidor até retornar mais tarde esta semana. Uma atualização da interface web hoje não está resolvendo o problema.

Talvez valha a pena reafirmar que a correção de CSS para imagens de categoria de paisagem foi aplicada e funciona.

1 curtida

Adicionei uma linha no componente CSS de correção para lidar com imagens de categoria em modo retrato. Assim, o componente CSS da imagem de categoria agora se parece com isto:

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
    max-height: 300px;
  }
}

Isso corrige temporariamente meu problema, embora o que permaneça seja o problema mais amplo de folhas de estilo persistirem ao atualizar usando a interface web.

@pmusaraj, se você me disser qual parte do CSS inspecionar para verificar esse comportamento estranho, eu informarei. Também posso oferecer um login por DM, que você já teve antes.

Uma atualização rápida para fechar este problema. Removi a correção do componente CSS recentemente e o problema não está mais lá. Não sei exatamente qual push o resolveu, mas seria uma atualização da equipe do Discourse em algum momento entre outubro e agora.

1 curtida

Obrigado pela atualização. :+1: É uma pena que não conseguimos chegar à causa raiz, mas fico feliz que esteja resolvido. :slight_smile:

Este tópico foi automaticamente fechado após 2 dias. Novas respostas não são mais permitidas.