Der ganze Client muss hinsichtlich flex-layout etwas überarbeitet und überprüft werden.
Hintergrund: laut spec wird ein flex-Element mind. so breit wie seine Kinder (nested!). Das heisst ein grosses Sub-Element kann das Layout verreissen. Wird auf dem direkten Child aber min-width: 0 gesetzt wird das Element nicht mehr grösser, sondern maximal so breit wie es Platz hat.
https://css-tricks.com/flexbox-truncated-text/
Jetzt muss angeschaut werden, wie wir in overflow-Fällen umgehen (wrap, ellipsis bei Text, ...)
Im gleichen Schritt könnten wir die flex-Directives entfernen und durch eigenes css ersetzen.
Der ganze Client muss hinsichtlich flex-layout etwas überarbeitet und überprüft werden. Hintergrund: laut spec wird ein flex-Element mind. so breit wie seine Kinder (nested!). Das heisst ein grosses Sub-Element kann das Layout verreissen. Wird auf dem direkten Child aber
min-width: 0
gesetzt wird das Element nicht mehr grösser, sondern maximal so breit wie es Platz hat. https://css-tricks.com/flexbox-truncated-text/Jetzt muss angeschaut werden, wie wir in overflow-Fällen umgehen (wrap, ellipsis bei Text, ...)
Im gleichen Schritt könnten wir die flex-Directives entfernen und durch eigenes css ersetzen.