Auf dem Bildschirm des Nutzers waren die oberen Karten oben abgeschnitten —
Porträt und Name fehlten — und rechts lief ein zweiter Scrollbalken innerhalb
des Belegschaftsbereichs. Drei Ursachen, alle aus derselben Wurzel: der
Bereich hatte eine gedeckelte Höhe und durfte in sich scrollen.
1. Feste Höhe entfernt. Der Bereich richtet sich nach seinem Inhalt und hat
nur noch eine Mindesthöhe. Passte der Inhalt vorher nicht in den Deckel,
scrollte er in sich selbst und schnitt oben ab — ein Bereich über einer
ohnehin scrollenden Seite darf das nie.
2. Fünf Karten stehen ab 1200 px in einer Reihe statt in zwei. Zwei Reihen
brauchten rund 250 px mehr Höhe; genau dieser Betrag drückte Titel und
Filterbalken aus dem Bild. Eine Reihe ist zugleich das ehrlichere Bild:
fünf Kolleginnen und Kollegen nebeneinander, keine Hierarchie.
3. `minWidth: 0` auf der Karte. Ohne das kann eine Flexkarte nicht unter ihre
Inhaltsbreite schrumpfen — die fünf Karten passten rechnerisch in eine
Reihe, brachen aber trotzdem um.
Dazu: lange deutsche Komposita («Besichtigungsassistent», «Marktbeobachtung»)
brechen ohne Zutun nicht um und liefen aus schmalen Karten heraus. Funktion,
Abteilung, Personalnummer und beide Textblöcke brechen jetzt im Wort statt
abgeschnitten zu werden — eine halbe Funktionsbezeichnung ist keine, und ohne
Personalnummer ist jemand kein Mitarbeitender.
Geprüft über zehn Auflösungen von 1024×700 bis 3440×1440, ausdrücklich auch
die Windows-Skalierungen 125 % und 150 % (effektiv 1536×864 und 1280×720):
nichts abgeschnitten, nirgends Innenscroll, Titel «Meine Objekte» überall im
Bild. Dazu 433 Tests, Typecheck, Build, ESLint, Token-Schwelle (889/925).
Verbleibend: Bei einer Inhaltshöhe unter 620 px (1280×600, 1024×700) steht der
Balken «Filter & Übersicht» rund 30 px unter der Kante. Der Titel bleibt
sichtbar; der Balken kommt mit der kleinsten Scrollbewegung.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Benjamin Sutter
e55be64aeb