Logo de catégorie superposé par du texte après la mise à jour récente

Après une mise à jour récente (quelque temps au cours des dernières semaines), toutes les images de catégories sont maintenant superposées de texte. Le site fonctionne avec la version 2.9.0 bêta 10 et utilise le thème vanilla, sans plugins.

Cela se produit sur tous les appareils, exemple ci-dessous :

Parfois, le chevauchement inclut un ou deux titres de fils de discussion. Je ne peux pas lier le site ici car il n’est visible que par les membres abonnés.

Il y a eu quelques signalements à ce sujet récemment, et je pense que cela est lié à la nouvelle fonctionnalité de logo de catégorie sombre/clair. Il y avait quelques solutions suggérées dans ce sujet :

1 « J'aime »

Bonjour,

Il y a eu quelques mises à jour dans cette section ces derniers jours. FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHub et FIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub

Pouvez-vous essayer de mettre à jour votre site ? Cela devrait probablement résoudre ce problème. :slightly_smiling_face:

1 « J'aime »

J’ai mis à jour vers la dernière version bêta 10 de 2.9.0. Cela aurait-il dû résoudre ce problème ? J’ai mis à jour depuis l’interface utilisateur.

Cela corrige les images de la catégorie paysage que nous avons, mais pas celles en portrait. Le portrait est dimensionné 638 X 1024, ce qui ne semble pas grand de nos jours :slightly_frowning_face:

1 « J'aime »

Désolé, j’ai peut-être mal compris ceci

Ces mises à jour datent d’il y a 1 à 2 jours. Votre version de Discourse ne les contient donc probablement pas si vous avez mis à jour il y a quelques semaines.


Pouvez-vous partager l’URL de votre site pour que je puisse vérifier si elle est publique ? :slightly_smiling_face:

Le problème est survenu récemment mais le site est à jour. Il n’est pas public.

1 « J'aime »

Vous pouvez également copier et coller votre numéro de version exact depuis votre tableau de bord si vous ne pouvez pas partager de lien. :+1:

2 « J'aime »
2 « J'aime »

Il semble que vous ayez intégré ces corrections. Il y a peut-être un cas où la largeur a été prise en compte mais pas la hauteur. :thinking: C’est le week-end pour la plupart des membres de l’équipe, mais je vois @Don taper, donc j’espère qu’il pourra trouver une solution communautaire dans l’intervalle. :crossed_fingers: :slight_smile:

1 « J'aime »

Pouvez-vous essayer en mode sans échec ? Malheureusement, je ne peux pas le reproduire sur mon site de test. Mon meilleur conseil sans le voir est qu’un code personnalisé d’un composant en est la cause.

1 « J'aime »

Aucun changement avec le mode sans échec. Le site est vierge, à l’exception de quelques plugins de connexion sociale.

@Amicable Je ne peux pas non plus reproduire cela. J’ai pris une capture d’écran de votre image et l’ai téléchargée dans une catégorie locale, et la mise en page est correcte :

Quelles sont les dimensions de votre image d’origine ?

Je vois que votre image publiée était de 638x1024, celle que j’ai utilisée est de 770x1144, donc très similaire.

Essayez peut-être une autre reconstruction ? Si cela ne fonctionne pas, pouvez-vous partager la liste complète des plugins que vous utilisez ? Il est possible que l’un de ces plugins remplace le modèle de catégorie, ce qui pourrait entrer en conflit avec les styles mis à jour dans le cœur.

Peut-être que cela est lié à la mise à niveau via l’interface Web. J’ai déjà eu ce problème avec des problèmes de CSS. Peut-être que d’anciennes feuilles de style persistent à nouveau ?

Le seul plugin que j’ai en cours d’exécution est le gestionnaire Docker.

Je suis à nouveau absent et je ne pourrai pas effectuer la mise à niveau sur le serveur avant mon retour plus tard dans la semaine. Une mise à niveau de l’interface utilisateur Web aujourd’hui ne résout pas le problème.

Il vaut peut-être la peine de répéter que la correction CSS pour les images de catégorie de paysage a été appliquée et fonctionne.

1 « J'aime »

J’ai ajouté une ligne dans le composant CSS de correction pour gérer les images de catégorie en mode portrait. Le composant CSS de l’image de catégorie ressemble donc maintenant à ceci :

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

Cela résout temporairement mon problème, bien que le problème persistant soit celui des feuilles de style qui persistent lors de la mise à niveau via l’interface utilisateur Web.

@pmusaraj si vous me dites quelle partie du CSS inspecter pour vérifier ce comportement étrange, je vous ferai un retour. Je peux également proposer une connexion par message privé, comme vous l’avez déjà eue.

Une mise à jour rapide pour clore ce problème. J’ai récemment supprimé la correction du composant CSS et le problème n’est plus là. Je ne sais pas exactement quelle poussée l’a résolu, mais ce serait une mise à niveau de l’équipe Discourse quelque part entre octobre et maintenant.

1 « J'aime »

Merci pour la mise à jour. :+1: C’est dommage que nous n’ayons pas pu trouver la cause profonde, mais je suis content que ce soit résolu. :slight_smile:

Ce sujet a été automatiquement fermé après 2 jours. Les nouvelles réponses ne sont plus autorisées.