From 870e6a2c435ed45c965d18c055f458d3ecbe9357 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Fri, 1 Jan 2021 23:52:32 +0100
Subject: Unpin event descriptions and make grid scrollable instead

Make grid scrollbar less conspicuous and more in-line with the rest of
the website.
---
 "actualit\303\251s.css"  | 30 ++++++++++++++++++++++++------
 "actualit\303\251s.html" | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+), 6 deletions(-)

diff --git "a/actualit\303\251s.css" "b/actualit\303\251s.css"
index 24a8108..ea439ac 100644
--- "a/actualit\303\251s.css"
+++ "b/actualit\303\251s.css"
@@ -1,16 +1,35 @@
 main {
     display: grid;
-    grid-template-columns: 65% 35%;
+    grid-template-columns: 60% 40%;
 }
 
 main > div {
     padding: 1em;
+    overflow: auto;
+}
+
+#event-list {
+    max-height: 60vh;
+    scrollbar-width: thin;
+    scrollbar-color: darkblue #8ad;
+}
+
+#event-list::-webkit-scrollbar {
+    width: 0.25em;
+}
+
+#event-list::-webkit-scrollbar-track {
+    background: #8ad;
+}
+
+#event-list::-webkit-scrollbar-thumb {
+    background: darkblue;
 }
 
 .events {
     display: grid;
-    grid-auto-rows: 14em;
-    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
+    grid-auto-rows: 12em;
+    grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
     grid-gap: 0.8em;
 }
 
@@ -54,7 +73,6 @@ main > div {
     opacity: 1;
 }
 
-.details.active {
-    position: sticky;
-    top: 0;
+.details.active > *:first-child {
+    margin-top: 0;
 }
diff --git "a/actualit\303\251s.html" "b/actualit\303\251s.html"
index fe0fabe..70ccce8 100644
--- "a/actualit\303\251s.html"
+++ "b/actualit\303\251s.html"
@@ -62,6 +62,14 @@
       <h2>Programme</h2>
       <ol>
         <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Entracte</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
       </ol>
       <h2>Salle</h2>
       42 Place de l'Endroit
@@ -77,6 +85,13 @@
       <ol>
         <li>Un morceau</li>
         <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Entracte</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
       </ol>
       <h2>Salle</h2>
       43 Place de l'Endroit
@@ -93,6 +108,12 @@
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Entracte</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
       </ol>
       <h2>Salle</h2>
       44 Place de l'Endroit
@@ -110,6 +131,11 @@
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
+        <li>Entracte</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
       </ol>
       <h2>Salle</h2>
       45 Place de l'Endroit
@@ -127,6 +153,10 @@
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
+        <li>Entracte</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
         <li>Un morceau</li>
       </ol>
       <h2>Salle</h2>
@@ -145,6 +175,9 @@
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
+        <li>Entracte</li>
+        <li>Un morceau</li>
+        <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
       </ol>
@@ -164,6 +197,8 @@
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
+        <li>Entracte</li>
+        <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
@@ -184,6 +219,7 @@
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
+        <li>Entracte</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
         <li>Un morceau</li>
-- 
cgit v1.2.3