diff options
| -rw-r--r-- | actualités.css | 30 | ||||
| -rw-r--r-- | actualités.html | 36 |
2 files changed, 60 insertions, 6 deletions
diff --git a/actualités.css b/actualités.css index 24a8108..ea439ac 100644 --- a/actualités.css +++ b/actualités.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és.html b/actualités.html index fe0fabe..70ccce8 100644 --- a/actualités.html +++ b/actualités.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> |