Verbesserung
Wichtig
Detail
Fehlerbehebung
Wichtig
Detail
Der Titel einer Tabelle, ein Flexcontainer, besteht aus zwei Teilen:
- Label des Titels
- Toolbar (Buttons und Burgermenü)
Nimmt bspw. das Label des Titels 70% der Größe ein und 20% die Toolbar, dann kann das Fenster von dem Nutzer so verkleinert werden, dass die Tabelle max. 10% ihrer Breite verliert ohne das die Darstellung sich merklich verändert. Jede Verkleinerung über die 10% hinaus verkleinert die beiden Teile des Titels im gleichen Maße. Das sorgt dafür, dass die Toolbar inkl. Buttons im worst-Case mehrzeilig dargestellt wird. Das ist unschön. Das Label des Titels wird "abgeschnitten" und mit Hilfe von text-overflow ellipsis gestylt.
Umsetzung
Die Toolbar, ein Flex-Item, darf nicht kleiner als sein Inhalt werden. Ab einer bestimmten Größe wird daher nur das Label des Titels verkleinert.
Test
Ein DemoTypes:A-Element auswählen und zur Priority-Tabelle navigieren. In den Bearbeitungsmodus gehen und das Fenster in der Breite verkleinern. Die Toolbar darf nicht mehrzeilig dargestellt werden.