From 5d09b519c3ccad0f3141880a1b821dd8cd4dacfb Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Mon, 3 Feb 2025 12:13:52 +0100
Subject: [PATCH] fix #17

---
 assets/css/src/generic.css | 10 ++++++++++
 assets/css/src/nav.css     |  7 -------
 site/templates/year.php    | 11 +++++++++--
 3 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css
index 091d812..dd2802a 100644
--- a/assets/css/src/generic.css
+++ b/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;
 }
diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css
index ffbf40f..12ef239 100644
--- a/assets/css/src/nav.css
+++ b/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);
 }
diff --git a/site/templates/year.php b/site/templates/year.php
index 4bf720f..73726d6 100644
--- a/site/templates/year.php
+++ b/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): ?>