Les boutons du menu déroulant de l'utilisateur se retournent

Je viens de remarquer que ces boutons s’enroulent pour moi sur meta et review :

(Chromium sur Linux)

3 « J'aime »

Peut-être quelque chose pour que @awesomerobot regarde demain ?

2 « J'aime »

Je ne parviens pas à reproduire ce problème sous Windows/macOS… Je soupçonne l’ajout de la barre de défilement de perturber la largeur… J’ai donc légèrement réduit la largeur maximale du nom d’utilisateur et supprimé quelques pixels de remplissage.

2 « J'aime »

Après quelques investigations, le coupable est ceci (dans les paramètres de Chromium)

quel que soit le niveau de zoom

5 « J'aime »

Oh, c’est utile, je pense que je peux trouver une meilleure solution pour ça.

6 « J'aime »

Ok, c’est une bonne correction ! J’ai pu supprimer certaines largeurs codées en dur dans cette zone de menu, ce qui nous permet maintenant de mieux gérer les situations où beaucoup de contenu y est entassé.

Dans la mise en page flex, je privilégie l’espace pour les icônes, de sorte qu’elles ne doivent jamais passer à la ligne et tronqueront plutôt davantage le nom d’utilisateur si nécessaire. Inversement, cela signifie également que nous gérons mieux le tronquage du nom d’utilisateur en général : les noms d’utilisateur longs seront donc tronqués moins qu’auparavant (lorsqu’il y a plus d’espace disponible à la taille de police par défaut)…

4 « J'aime »

Oh, beaucoup mieux ! Super, même :

:hugs:

3 « J'aime »

Peux-tu faire la même magie sur le menu :wrench: ?

Moyen :

vs Grand :

6 « J'aime »

Cela devrait faire l’affaire, problème similaire… nous avions une largeur codée en dur là-dedans. Cela devrait mieux s’adapter aux changements de taille de police maintenant :

4 « J'aime »