From f06e6c1f61e794ad8a88011adf91d604e56b81b8 Mon Sep 17 00:00:00 2001
From: "ext.jeremy.guillot@maxicoffee.domains" <j.guillot_ext@maxicoffee.com>
Date: Mon, 31 Mar 2025 16:06:32 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20ajout=20de=20la=20classe=20line-clamp=20?=
 =?UTF-8?q?pour=20limiter=20l'affichage=20de=20la=20description=20des=20ma?=
 =?UTF-8?q?ngas=20=C3=A0=205=20lignes=20dans=20le=20composant=20MangaHeade?=
 =?UTF-8?q?r?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../presentation/components/MangaHeader.vue      | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue b/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue
index 075e1c5..d31f1b5 100644
--- a/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue
+++ b/assets/vue/app/domain/manga/presentation/components/MangaHeader.vue
@@ -40,7 +40,7 @@
                             <HeartIcon class="h-6 w-6 text-red-500 mr-2" />
                             <span>{{ manga.rating }}</span>
                         </div>
-                        <p>{{ manga.description }}</p>
+                        <p class="line-clamp-5">{{ manga.description }}</p>
                     </div>
                 </div>
             </div>
@@ -58,3 +58,17 @@
         }
     });
 </script>
+
+<style scoped>
+    /* Pour s'assurer que line-clamp fonctionne */
+    @supports (-webkit-line-clamp: 5) {
+        .line-clamp-5 {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 5;
+            line-clamp: 5;
+            -webkit-box-orient: vertical;
+        }
+    }
+</style>