- Verschifft
- 26. August 2026 um 07:23 UTC
- Autor
- kamo
- Ausschuss
- 87b8f49
Marketing Tools -- Tracking Codes zeichneten den Linkstreifen des Mitglieds mit der Augenbraue schneiden durch seine Kapitelle, die Symbole in Scheiben geschnitten oben und unten, und die Linie darunter vermisst seine Absteiger. Es liest sich wie ein Kürzungsfehler in der Kopie; es ist ein flexbox eins. Der Streifen ist ein flex Kind der Seitenspalte, die Höhe ist: 100% innerhalb der tab's scroll Bereich. Es setzt auch Überlauf: versteckt, für die Marke Kante zieht es mit ::before. Diese Kombination ist der ganze Bug: die Automatik eines Flex-Elements Mindestgröße - die Regel, die normalerweise ein Element schrumpft hinter seinem eigenen stoppt Inhalt gilt nur, während Überlauf sichtbar ist, so dass der Streifen allein in Spalte könnte unter dem schrumpfen, was es hält. Die Toolbar und die KPI-Reihe sind noch Überlauf: sichtbar und halten Sie ihren Boden; das Gitter sitzt auf Flex-Basis 0 und so trägt nichts zu nehmen. Ein Defizit wird im Verhältnis zur Basis aufgeteilt Größe, die genau ein Element links, um alles zu absorbieren. So ist der leere Zustand, wo es am schlimmsten zeigt. EmptyState ist 296px von natürlichen Höhe gegen einen 200px Boden, und jedes Pixel, das es nicht aufgeben wollte, kam aus der Streifen. Gemessen in Chrome gegen die reale Box-Modell: bei 800px von viewport der Streifen verliert 17 seiner 72px, bei 700 bricht es auf 30px, weniger als die Hälfte seiner Inhalt. Es hat nie gescrollt, weil es nie etwas überlaufen - es nur leise machte sich zu klein und schnitt das Ergebnis ab. flexShrink: 0 bringt das Defizit wieder dahin, wo es hingehört: in der Startaufstellung, das ist die Scrolling Region, oder im leeren Zustand auf der Seite scroller in app/marketing/layout.tsx. Der Streifen hält 72px in jeder getesteten Höhe.