fix #17

assets/css/src/generic.css

@@ -1,3 +1,13 @@
+.short {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+  overflow: hidden;
+
+  /* Do not remove : required not to crop letters descenders */
+  padding-bottom: 0.16rem;
+}
+
 .hidden {
   display: none;
 }

assets/css/src/nav.css

@@ -141,13 +141,6 @@ button.search__icon {
   margin-bottom: calc(var(--unit--vertical) / 2);
 }
 
-.panel-item-content__edito.short {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 5;
-  overflow: hidden;
-}
-
 .panel-item-content__edito p:not(:last-child) {
   margin-bottom: var(--unit--vertical);
 }

site/templates/year.php

@@ -1,11 +1,18 @@
 <?php snippet('header'); ?>
 
 <main id="<?= $page->template() ?>">
-<article>
+<article
+  x-data="{edito: false}"
+>
   <?php snippet('cover', slots: true) ?>    
     <?php slot('text') ?>
     <h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
-    <div class="edito"><?= $page->edito() ?></div>
+    <div class="edito" :class="edito ? '' : 'short'"><?= $page->edito() ?></div>
+    <button 
+      :class="edito ? 'open' : 'close'"
+      class="see-more toggle-btn toggle-btn--left" 
+      @click="edito = !edito"
+    >Lire</button>
     <p class="h3">textes :</p>
     <ul class="texts">
     <?php foreach($page->children() as $article): ?>