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);