Boîte de réception PM .user-main .controls rupture la mise en page responsive en largeur

Salut, ici sur Discourse Meta et sur mon instance Discourse, le bouton « Expand » dans les messages personnels .user-main .controls déborde de la largeur de la fenêtre du navigateur, même à une largeur de navigateur raisonnable d’environ 2/3 de ma résolution d’écran de 1920x1080. Le résultat est le même sur Firefox et Chromium :

3 « J'aime »

ces boutons devraient maintenant passer à la ligne et ne plus déborder

2 « J'aime »

Merci @Kris de vous en souvenir !

Cette correction sera-t-elle intégrée à la branche 3.3 Stable par hasard ?

1 « J'aime »

Non, je ne pense pas. Un problème d’interface comme celui-ci serait généralement considéré comme mineur, et le rétroportage des modifications vers la branche stable est généralement un processus plus compliqué réservé aux bugs qui cassent la fonctionnalité ou causent des problèmes de sécurité.

En attendant, vous pourriez ajouter un peu de CSS à votre thème ou à un composant de thème séparé qui améliorera la mise en page.

.desktop-view .user-main .about.collapsed-info .controls > ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: end;
}

Ce n’est pas aussi complet que la solution ajoutée directement à Discourse, mais cela permettra aux contrôles de passer à la ligne et d’éviter le dépassement en attendant que vous puissiez mettre à jour.