Mise en page de l'image en cours de reformatage dans des blocs cachés

Salut, modérateur de longue date sur un forum Discourse et j’adore la plateforme. Cependant, dans une mise à jour récente, il semble que le formatage des blocs masqués ait changé et cela a gâché une « tier list » que je gère sur notre forum.

Laissez-moi vous montrer…
(EDIT : En tant que nouvel utilisateur ici, je ne peux ajouter qu’une seule image dans un message, je ne peux donc pas le démontrer. Je poste ceci de toute façon et si quelqu’un peut démontrer ci-dessous, ce serait excellent. Sinon, vous pouvez voir le problème ici : 🏆 Neo Monsters tier list (see first post) 🏆 - #2 by Killerdog - Neo Monsters Guides and Tutorials - ZigZaGame Forum)

[image 2] [image 3] [image 4] [image 5]

^ Les voici sur une belle ligne horizontale

S tier

Ici, j’ai intégré les mêmes images

^ Ici, elles apparaissent sur une ligne verticale

Pendant la modification, l’aperçu les affiche horizontalement, mais quelques secondes après avoir enregistré la modification du message, elles basculent en position verticale.

Cela me semble être un bug, car le formatage est incohérent et cela n’a jamais fonctionné de cette façon auparavant.

Salut, bienvenue sur Meta ! :wave: :smile:

Je pense que votre problème est que la lightbox est appliquée à vos images, ce qui leur fait utiliser toute la largeur. Je suis à peu près sûr qu’elle ne s’appliquait pas aux images aussi petites auparavant, donc c’est peut-être la raison. De plus, j’ai regardé le CSS et il n’y a eu aucun changement récent sur la balise [details]. :thinking:

En bref : voici un CSS que vous pouvez ajouter à votre thème ou à un nouveau composant de thème :

.cooked details[open] .lightbox-wrapper {
    display: inline-block;
}

Ensuite, vous devriez obtenir ce que vous voulez :


Soit dit en passant, je pense que l’image devrait être en ligne dans [details]. C’est le comportement par défaut en dehors de cette balise, et cela donnerait à l’utilisateur le choix entre en ligne/bloc. :thinking:

EDIT : Comme Moin l’a découvert, le fait que la lightbox soit appliquée aux petites images est lié à :

2 « J'aime »

Merci beaucoup @Moin d’avoir identifié que lightbox s’appliquait à des images plus petites qu’auparavant. Je contacterai notre administrateur de forum et j’essaierai de le convaincre de modifier le thème / composant de thème avec la suggestion CSS.

2 « J'aime »

@Arkshine Merci encore, la correction a fonctionné !

2 « J'aime »