diff --git a/src/components/CalendarioModal.astro b/src/components/CalendarioModal.astro index 248f51b..1df8b7b 100644 --- a/src/components/CalendarioModal.astro +++ b/src/components/CalendarioModal.astro @@ -173,7 +173,13 @@ const disciplinePresenti = (cal: Calendario) => /* La griglia ha otto colonne: su telefono scorre in orizzontale invece di comprimersi fino a diventare illeggibile, e la colonna delle ore resta ferma. */ - .cal-tab { border-collapse: collapse; width: 100%; min-width: 720px; } + /* `table-layout: fixed` e' quello che rende le sette colonne dei giorni ESATTAMENTE + uguali: in automatico il browser le dimensiona sul contenuto, cosi' il sabato con la + 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; } .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); @@ -184,6 +190,9 @@ const disciplinePresenti = (cal: Calendario) => display: block; font-size: .62rem; letter-spacing: .06em; text-transform: none; color: var(--c-text-light); font-weight: 400; } + /* L'unica larghezza dichiarata: la colonna delle ore. Resta piu' stretta dei giorni, + come nel PDF — ci sta dentro «12.15» e nient'altro. */ + .cal-tab__ora-h, .cal-tab__ora { width: 64px; } .cal-tab__ora-h { color: var(--c-accent-dark) !important; } .cal-tab__ora { background: var(--c-bg);