From b75e12de861364c554a420a8cfdf47b2964d6a4d Mon Sep 17 00:00:00 2001 From: Adriano Dal Pastro Date: Tue, 1 Sep 2026 08:57:41 +0000 Subject: [PATCH] Calendario: alzato il min-width a 780px, che il layout fisso rende necessario MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Coda della modifica precedente, e senza questa quella era una regressione sul telefono. A colonne uguali la piu' stretta deve contenere la parola piu' lunga; in layout automatico il browser allargava da solo le colonne piene e stringeva quelle vuote, quindi il problema non si vedeva. Il conto, misurato sul Montserrat 400 che il sito serve davvero (non stimato): REFORMER a .7rem con letter-spacing .1em e' 75,4 px, mentre la colonna a 720px ne offriva 72,7 di spazio utile — 2,7 in meno. La parola sarebbe uscita dalla cella proprio dove il minimo si vede, cioe' sul telefono, che quella tabella la fa scorrere in orizzontale apposta. A 780px la colonna da' 81,3 px, ~6 di margine. In stampa il conto era gia' buono (corpo .62rem e padding ridotto: 66,8 px in 77,9). Il conto e' scritto nel CSS accanto alla regola: chi tocca padding, corpo o spaziatura deve rifarlo. 185 test verdi. Co-Authored-By: Claude Opus 5 (1M context) --- src/components/CalendarioModal.astro | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/components/CalendarioModal.astro b/src/components/CalendarioModal.astro index 1df8b7b..77fe4e4 100644 --- a/src/components/CalendarioModal.astro +++ b/src/components/CalendarioModal.astro @@ -178,8 +178,18 @@ const disciplinePresenti = (cal: Calendario) => nota «solo il 12 settembre» diventava largo il doppio e i giorni vuoti si stringevano. Con il layout fisso basta dare una larghezza alla colonna delle ore: tutto il resto viene diviso in parti uguali fra le sette rimanenti. E' lo stesso criterio del PDF, - dove le colonne sono `(larghezzaUtile - larghezzaOra) / 7` da sempre. */ - .cal-tab { border-collapse: collapse; width: 100%; min-width: 720px; table-layout: fixed; } + dove le colonne sono `(larghezzaUtile - larghezzaOra) / 7` da sempre. + + ⚠️ Il `min-width` e' passato da 720 a 780px INSIEME al layout fisso, e i due sono + legati: a colonne uguali la piu' stretta deve contenere la parola piu' lunga, mentre + in layout automatico il browser allargava da solo le colonne piene e stringeva quelle + vuote. Il conto, misurato sul Montserrat 400 che il sito serve davvero: + REFORMER a .7rem con letter-spacing .1em = 75,4 px + colonna a 720px = (720 - 64) / 7 = 93,7 px, meno 20 di padding e 1 di bordo = 72,7 + cioe' 2,7 px in meno del necessario: la parola sarebbe uscita dalla cella sul + telefono, dove il minimo e' quello che si vede. A 780px la colonna da' 81,3 px di + spazio utile, ~6 di margine. Chi tocca padding, corpo o spaziatura rifaccia il conto. */ + .cal-tab { border-collapse: collapse; width: 100%; min-width: 780px; table-layout: fixed; } .cal-tab th, .cal-tab td { border: 1px solid #e4e0d9; padding: 9px 10px; text-align: left; } .cal-tab thead th { background: var(--c-bg-alt);