Lot U3b : le tableau des cinq crans se lit en entier dans le panneau des réglages, sur bureau comme sur téléphone (C44 vert). La cause : le tableau ne resserrait ses cellules et ne repliait ses en-têtes et le nom du cran que sous 480 px d'écran (@media), alors qu'il vit dans le panneau de droite, 27rem quelle que soit la largeur de l'écran (394 px utiles, à peine plus que la feuille d'un téléphone, 374) : sur bureau, en-têtes sur une ligne et marges larges, il demandait 412 à 501 px et défilait de côté, « Voix pour » hors de vue. Le correctif, seulement dans FormulaSettings.svelte : les règles du téléphone pour toutes les largeurs (cellules à 0,4rem 0,3rem, en-têtes et nom du cran repliables, un chiffre jamais coupé) ; plus de @media. Aucun texte changé, le panneau inchangé

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Yvv
2026-11-03 22:52:08 +01:00
co-authored by Claude Opus 5.5
parent 233cc45ff8
commit 848968b154
+9 -12
View File
@@ -148,12 +148,20 @@
font-size: 0.88rem;
font-variant-numeric: tabular-nums;
}
/* The table lives in the side panel, 27rem at most whatever the screen (DocPanel), about as
narrow as a phone's sheet: on a desktop as on a phone, the cells sit close and the headers
and the level's name wrap, so that the six columns hold, in each language; a figure never
wraps (lot U3b). */
th,
td {
padding: 0.45rem 0.55rem;
padding: 0.4rem 0.3rem;
text-align: right;
white-space: nowrap;
}
thead th,
th[scope='row'] {
white-space: normal;
}
thead th {
font-size: 0.74rem;
font-weight: 800;
@@ -193,15 +201,4 @@
.tag {
font-size: 0.68rem;
}
/* On a phone, six columns hold in the sheet: the headers and the level's name wrap. */
@media (max-width: 480px) {
th,
td {
padding: 0.4rem 0.3rem;
}
thead th,
th[scope='row'] {
white-space: normal;
}
}
</style>