Priorité/Sévérité : Moyenne
Plateforme : Mobile, tout système d’exploitation/navigateur
Description : Si un sujet ne contient qu’un court texte qui tient dans une partie de la largeur de l’écran, la boîte de contenu du sujet ne prend pas toute la largeur et laisse un espace vide à droite.
Pull request : Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub
Étapes de reproduction :
- Créez un nouveau sujet avec un titre et un contenu courts. Par exemple :
Test sujet court
Texte de corps très court. - Ouvrez le sujet sur des écrans mobiles plus larges que le texte du corps. Dans cet exemple, il est émulé avec les dimensions d’un Pixel 7 dans les outils de développement Chrome.
- Le contenu du sujet ne prend pas toute la largeur comme les autres sujets plus longs qui passent à la ligne. Il y a un espace supplémentaire inattendu sur la droite de l’écran. De plus, les boutons ne sont pas correctement alignés avec les autres éléments de la page.
- Si une réponse plus longue est publiée, la mise en page redevient normale.
Mise en page incorrecte avec un contenu de sujet très court :
Notez que l’heure de publication, les boutons et la progression ne sont pas alignés à droite avec le bouton de réponse de sujet bleu ci-dessous.
Après la publication d’une réponse plus longue, la mise en page redevient normale :
(Sera téléchargé dans la prochaine réponse en raison de l’erreur : Une erreur est survenue : Désolé, les nouveaux utilisateurs ne peuvent mettre qu’un seul élément multimédia intégré dans un message.)
