Regarde enfin les écrans s'afficher, et trouve ce que 618 tests taisaient
La 7ᵉ série s'était close sur un aveu : aucun écran n'avait été regardé. Balayage des vingt-deux routes à 320, 375 et 1280 px. Les huit lots tiennent leurs promesses ; trois défauts en sortent, qu'aucun test ne pouvait voir. L'arbre des séries débordait de 8 px à 320 px : sa ligne est elle-même un élément de flex, et « min-width: auto » lui interdisait de rétrécir. C'est mot pour mot la leçon du lot M, non appliquée à cet étage de la cascade. L'ISBN à tirets faisait défiler toute la fiche — 395 px pour un écran de 320. « white-space: nowrap » y annulait le « word-break » dont le dd est muni justement pour cela. Le défaut de CSS était déjà le bon comportement : une ligne quand il y a la place, une coupure au tiret sinon. Le troisième est le sérieux : le relais de couvertures rendait 404 une fois sur trois sur une couverture qui existe. archive.org extrait l'image d'un ZIP à la volée et met 5 à 15 s, le délai coupait à 10. Rien n'était alors mis en cache, donc CORS puis relais se rejouaient à chaque affichage — le défaut même que ce relais existe pour corriger. Un 404 ne prouve rien ici, par construction : le relais répond 404 à tout refus pour ne pas être un oracle. Il a désormais son propre délai, personne n'attendant derrière un cache qui se remplit en tâche de fond. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1080,9 +1080,16 @@ body {
|
||||
|
||||
/* Un ISBN se relit chiffre à chiffre : une chasse fixe évite de confondre 1 et l,
|
||||
0 et O, et rend les tranches séparées par des tirets alignées d'une ligne à l'autre. */
|
||||
/* ⚠️ PAS de « white-space: nowrap » ici, et ce n'est pas un oubli. Un ISBN à tirets mesure
|
||||
147 px en monospace, là où la colonne des valeurs de la fiche n'en offre que 111 à 375 px et
|
||||
56 à 320 px : « nowrap » le faisait déborder, et avec lui TOUTE la page — 395 px de contenu
|
||||
pour un écran de 320, mesuré le 2026-08-21. Il annulait au passage le « word-break » dont
|
||||
« .fiche-champs dd » est justement muni pour cela.
|
||||
Le défaut de CSS est exactement ce qu'on veut : le code tient sur une seule ligne quand il y
|
||||
a la place, et ne se coupe qu'à un tiret quand il n'y en a pas — le tiret étant le seul
|
||||
endroit où une coupure se relit. */
|
||||
.code-isbn {
|
||||
font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Titre d'écran et son bouton de réglages sur la même ligne : le bouton « Filtrer » du
|
||||
@@ -1173,6 +1180,11 @@ body {
|
||||
gap: 0.5rem;
|
||||
min-height: 2.25rem;
|
||||
padding: 0.2rem 0;
|
||||
/* ⚠️ Même piège qu'au lot M : la ligne est elle-même un élément de flex (son <li> l'est),
|
||||
et « min-width: auto » lui interdit de descendre sous sa largeur intrinsèque. Sans cette
|
||||
ligne, un titre de sous-série indenté pousse le compte « 0 sur 2 tomes » hors de l'écran
|
||||
et fait défiler la page horizontalement (mesuré à 320 px : 328 px de large). */
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.arbre-plier,
|
||||
|
||||
Reference in New Issue
Block a user