Jeder Chats Sub-Tab passt, mit der gleichen Lücke zwischen jedem

Fixkamo-internal
Verschifft
11. September 2026 um 01:03 UTC
Autor
Kamo
Ausschuss
9a2935c

Der Chats-Streifen des Interaktionszentrums gab seinen sieben Tabs sieben gleich Aktien der 550px-Pannen, jeweils 78px, was sie sagten. "Team Members" braucht 91px, also wurde es auf "eam Member" geschnitten und lief in "Exec2Exec", während "AI" allein im gleichen 78px saß: die Lücken zwischen den Etiketten liefen aus 6px bis 59px. Die Ellipse bedeutete zu decken, die nie gezeichnet. Ein MUI Tab ist ein Flex Container mit seinem Etikett als nackter Textknoten, und Text-Überlauf tut nichts auf einem Flex-Container, so dass ein überlanges Etikett aus beiden verschüttet Seiten seiner Registerkarte und wurde an beiden Enden abgeschnitten. Der Streifen ist jetzt ein Raster von Auto-Säulen: jeder Tab so breit wie seine eigene Label plus einen gleichen Anteil an dem, was übrig ist, so dass jede Lücke gleich ist und der Streifen füllt noch die Pane. Wo der Raum ausgeht (ein Navigator Geschleppt schmal, eine lange org-konfigurierte Mitgliedstitel) Auto-Säulen stoppen bei ihren Etiketten, während sie wachsen, so dass die kurzen Etiketten ganz und nur bleiben die längsten geschnitten werden, mit einem echten Ellipse jetzt, dass das Etikett hat eine Block für sich. Flex von den Etiketten hätte alle sieben geschnitten. Gemessen in Chrome auf der realen Komponente bei 549px, sieben Registerkarten: jeder beschriften, jede Lücke 32.2px. Bei 400px wird nur "Team Members" geschnitten.

Alle Änderungen

Wie, was Sie sehen Versand?

Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.

Free Forever startenPreisgestaltung anzeigen