Benutzer-Dropdown-Buttons werden umbrochen

Mir ist gerade aufgefallen, dass diese Buttons bei mir auf Meta & Review umbrechen:

(Chromium unter Linux)

3 „Gefällt mir“

Vielleicht etwas, das @awesomerobot sich morgen ansehen kann?

2 „Gefällt mir“

Ich kann das unter Windows/macOS nicht nachvollziehen… Ich vermute, dass die Hinzufügung der Bildlaufleiste die Breite durcheinanderbringt… Daher habe ich die maximale Breite des Benutzernamens etwas reduziert und ein paar Pixel Padding entfernt.

2 „Gefällt mir“

Nach einiger Untersuchung liegt der Übeltäter hier (in den Chromium-Einstellungen)

unabhängig vom Zoomfaktor

5 „Gefällt mir“

oh, das ist hilfreich, ich glaube, ich kann dafür eine bessere Lösung finden.

6 „Gefällt mir“

Ok, das ist eine gute Lösung! Ich konnte einige der hart kodierten Breiten in diesem Menübereich entfernen, sodass wir nun Situationen besser handhaben können, in denen dort viel Inhalt untergebracht ist.

Im Flex-Layout priorisiere ich den Platz für die Icons, sodass diese niemals umbrechen, sondern stattdessen den Benutzernamen bei Bedarf stärker abschneiden. Umgekehrt bedeutet dies auch, dass wir das Abschneiden des Benutzernamens im Allgemeinen besser handhaben, sodass lange Benutzernamen weniger abgeschnitten werden als zuvor (wenn bei der Standardschriftgröße mehr Platz verfügbar ist)…

4 „Gefällt mir“

Oh, viel besser! Super, sogar:

:hugs:

3 „Gefällt mir“

Kannst du die gleiche Magie auch im :wrench: Menü anwenden?

Mittel:

vs Groß:

6 „Gefällt mir“

Das sollte helfen – ähnliches Problem… wir hatten dort eine feste Breite fest codiert. Es sollte sich jetzt besser an Änderungen der Schriftgröße anpassen:

4 „Gefällt mir“