forked from yvv/decision
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user