- Expédié
- 26 août 2026 à 07:23 UTC
- Auteur
- kamo
- Commite
- 87b8f49
Outils de commercialisation - Les codes de suivi ont dessiné la bande de liaison du membre avec le sourcil couper à travers ses capitales, l'icône tranche en haut et en bas, et la ligne sous celle-ci Manquant de ses descendants. Il se lit comme un bogue de troncature dans la copie; c'est un flexbox un. La bande est un enfant flexible de la colonne de la page, qui est de la hauteur: 100% à l'intérieur du Sur la zone de défilement de l'onglet. Il met également en place le débordement: caché, pour le bord de marque qu'il dessine avec :: avant. Cette combinaison est l'ensemble du bogue: un élément flexible automatique taille minimale - la règle qui empêche normalement un élément de rétrécissement au-delà de la sienne le contenu - s'applique uniquement pendant que le trop-plein est visible, de sorte que la bande seule en ce sens une colonne pourrait se réduire en dessous de ce qu'elle contient. La barre d'outils et la ligne KPI sont toujours débordement: visible et tenir leur sol; la grille se trouve à la base flex-baisse 0 et donc n'apporte rien à prendre. Un déficit est réparti en proportion de la base taille, qui laissait exactement un élément pour absorber tout. Donc l'état vide est là où il montre le pire - EmptyState est 296px de naturel hauteur contre un sol de 200px, et chaque pixel qu'il refuse d'abandonner est sorti de la bande. Mesurée en Chrome contre le modèle de la boîte réelle: à 800px de la fenêtre d'affichage la bande perd 17 de sa 72px, à 700 elle s'effondre à 30px, moins de la moitié de son contenu. Il n'a jamais roule, parce qu'il n'a jamais débordé quoi que ce soit - il est juste tranquillement s'est trop petit et a coupé le résultat. flexShrink: 0 place le déficit là où il appartient: sur la grille, qui est le la région de défilement, ou à l'état vide sur la page se glissant dans app/commercialisation/layout.tsx. La bande contient 72px à chaque hauteur testée.