Recentemente adicionamos imagens de logotipo a algumas de nossas categorias e elas originalmente ficavam ótimas, ocupando todo o espaço vertical, mas agora ficaram pequenas sem que mudássemos nenhuma configuração. Agradeço qualquer ajuda com isso!
1 curtida
Sim, houve uma alteração recente nestes:
Não há nada demais, mas mexer com CSS personalizado para fazê-lo funcionar novamente com sua imagem específica.
Exemplo com:
.category-heading__logo.category-logo.aspect-image {
width: auto;
height: 150px;
}
Pode precisar de alguns ajustes para celular vs desktop.
@marvi você conseguiu resolver seu problema? Se sim, agradeceríamos uma resposta aqui para compartilhar o que você fez! Se não e você ainda precisar de mais ajuda, pode nos informar o que tentou e onde ficou preso. Ou, como nosso cliente hospedado, você também é bem-vindo a escrever para team@discourse.org.
Esta alteração também é problemática se suas imagens não forem quadradas, pois agora estão sendo distorcidas em um retângulo quadrado. Por favor, corrija isso para preservar a proporção. A classe CSS é até chamada de “aspect-image”, sugerindo que a proporção é preservada. Obrigado!
@chapoi compartilhou um pouco de CSS para isso em sua postagem acima. Se o padrão não foi alterado, você pode usá-lo como base para personalizar seu próprio site.
2 curtidas
Eu apliquei esse CSS e funcionou. No entanto, acredito que isso não deveria ser necessário. Na minha opinião, foi um erro alterar o comportamento de uma classe chamada aspect-image para não preservar a proporção da imagem. Essa mudança afetou vários usuários que agora precisam contorná-la com CSS personalizado. Por favor, considere reverter essa alteração em uma futura versão do Discourse. Obrigado.