From 4a6396cb42267aaf5e8a34e2ccf100f6888c8460 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9drix?= <cedric@abonnel.fr>
Date: Thu, 22 Oct 2026 06:33:21 +0200
Subject: [PATCH] =?UTF-8?q?Afficher=20le=20sujet=20des=20rendez-vous=20san?=
 =?UTF-8?q?s=20avoir=20=C3=A0=20cliquer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Les cartes de l'agenda montrent maintenant le descriptif sous le lieu, en
deux lignes au plus. Le clic ouvre toujours le détail complet, avec les
liens cliquables.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018s2hBjvTi7Tn4F42cvp7m4
---
 site/index.html | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

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 ? '<div class="event-desc">' + echapper(texte) + '</div>' : '';
+  }
+
   function showDetail(date, evs, el) {
     el.hidden = false;
     el.innerHTML = '<strong>' +
@@ -1186,7 +1204,8 @@
               (ev.end ? ' – ' + ev.end.toLocaleTimeString('fr-FR', { hour:'2-digit', minute:'2-digit' }) : '')) +
         '</div>' +
         '<div class="event-title">' + echapper(ev.title) + '</div>' +
-        (ev.location ? '<div class="event-where">📍 ' + echapper(ev.location) + '</div>' : '');
+        (ev.location ? '<div class="event-where">📍 ' + echapper(ev.location) + '</div>' : '') +
+        sujet(ev);
       card.addEventListener('click', function() { openModal(ev); });
       container.appendChild(card);
     });
@@ -1209,7 +1228,8 @@
         (ev.desc ? '<span class="ev-has-desc" title="Descriptif disponible">ℹ</span>' : '') +
         '<div class="event-date">' + fmtDate(ev.start, ev.allDay) + '</div>' +
         '<div class="event-title">' + echapper(ev.title) + '</div>' +
-        (ev.location ? '<div class="event-where">📍 ' + echapper(ev.location) + '</div>' : '');
+        (ev.location ? '<div class="event-where">📍 ' + echapper(ev.location) + '</div>' : '') +
+        sujet(ev);
       card.addEventListener('click', function() { openModal(ev); });
       container.appendChild(card);
     });