diff --git a/site/index.html b/site/index.html index ace1a6c..43ccf12 100644 --- a/site/index.html +++ b/site/index.html @@ -454,6 +454,16 @@ .event-title { font-size: 1rem; font-weight: 600; } .event-where { font-size: .88rem; color: #666; margin-top: .3rem; } + /* Le sujet tient en deux lignes ; la carte ouvre le descriptif entier. */ + .event-desc { + font-size: .85rem; + color: #555; + margin-top: .45rem; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + } .ev-has-desc { position: absolute; top: .55rem; right: .6rem; @@ -1117,6 +1127,14 @@ }); } + /* Le sujet affiché sur une carte : le descriptif sur une seule ligne logique, en texte + brut. Pas de lien ici, la carte est déjà un bouton. */ + function sujet(ev) { + if (!ev.desc) return ''; + var texte = ev.desc.replace(/\s+/g, ' ').trim(); + return texte ? '
' + echapper(texte) + '
' : ''; + } + function showDetail(date, evs, el) { el.hidden = false; el.innerHTML = '' + @@ -1186,7 +1204,8 @@ (ev.end ? ' – ' + ev.end.toLocaleTimeString('fr-FR', { hour:'2-digit', minute:'2-digit' }) : '')) + '' + '
' + echapper(ev.title) + '
' + - (ev.location ? '
📍 ' + echapper(ev.location) + '
' : ''); + (ev.location ? '
📍 ' + echapper(ev.location) + '
' : '') + + sujet(ev); card.addEventListener('click', function() { openModal(ev); }); container.appendChild(card); }); @@ -1209,7 +1228,8 @@ (ev.desc ? 'ℹ' : '') + '
' + fmtDate(ev.start, ev.allDay) + '
' + '
' + echapper(ev.title) + '
' + - (ev.location ? '
📍 ' + echapper(ev.location) + '
' : ''); + (ev.location ? '
📍 ' + echapper(ev.location) + '
' : '') + + sujet(ev); card.addEventListener('click', function() { openModal(ev); }); container.appendChild(card); });