प्रत्येक चैट उप-टैब फिट बैठता है, प्रत्येक के बीच एक ही अंतर के साथ

शिप

11 सितंबर 2026 को 1:03 am बजे UTC

लेखक

Kamo

Commit

9a2935c

इंटरेक्शन सेंटर की चैट स्ट्रिप ने अपने सात टैब सात बराबर दिए 550px pane, 78px प्रत्येक जो भी उन्होंने कहा के शेयरों। "टीम सदस्य" 91px की जरूरत है, इसलिए इसे "eam Member" में काट दिया गया और "Exec2Exec" में चला गया। जबकि "AI" उसी 78px में अकेले बैठे: लेबल के बीच का अंतर तब तक चला गया। 6px to 59px. ellipsis कि कभी नहीं आकर्षित कवर करने के लिए मतलब था। एक MUI टैब एक फ्लेक्स है एक नंगे पाठ नोड के रूप में अपने लेबल के साथ कंटेनर, और टेक्स्ट ओवरफ्लो करता है फ्लेक्स कंटेनर पर कुछ भी नहीं, इसलिए एक ओवरलॉन्ग लेबल दोनों में से फैल गया इसके टैब के किनारे और दोनों सिरों पर क्लिप किया गया था। स्ट्रिप अब ऑटो कॉलम का एक ग्रिड है: प्रत्येक टैब को अपने खुद के रूप में चौड़ा लेबल प्लस क्या छोड़ दिया है का एक बराबर हिस्सा है, इसलिए हर अंतर समान है और पट्टी अभी भी फलक भरती है। जहां कमरा निकलता है (एक नाविक) खींचा हुआ संकीर्ण, एक लंबा ऑर्ग-कॉन्फ़िगर सदस्य खिताब) ऑटो कॉलम स्टॉप उनके लेबल पर जैसे वे बढ़ते हैं, इसलिए लघु लेबल पूरे रहते हैं और केवल सबसे लंबे समय तक कटौती कर रहे हैं, अब एक वास्तविक ellipsis के साथ कि लेबल एक है अपने आप को ब्लॉक करें। लेबल से फ्लेक्स को सभी सात काट दिया जाएगा। 549px पर वास्तविक घटक पर क्रोम में मापा गया, सात टैब: हर लेबल पूरे, हर अंतराल 32.2px. 400px में केवल "टीम सदस्य" काटा जाता है।.