From fddde4116623ae1f19505481b82dc81279ac112b Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 20 Nov 2024 16:24:24 +0100
Subject: [PATCH] Add ellipsis to dialog header h2 when content is too long

---
 src/assets/css/src/2.blocks.dialog.css     | 4 ++++
 src/components/project/brief/PdfViewer.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/src/2.blocks.dialog.css b/src/assets/css/src/2.blocks.dialog.css
index 738408a..340ed86 100644
--- a/src/assets/css/src/2.blocks.dialog.css
+++ b/src/assets/css/src/2.blocks.dialog.css
@@ -34,6 +34,10 @@
   text-align: center;
   padding: 0 15rem;
   line-height: 2.5rem;
+  max-height: 1lh;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .dialog [data-pc-name="pcclosebutton"] {
   color: var(--color-white);
diff --git a/src/components/project/brief/PdfViewer.vue b/src/components/project/brief/PdfViewer.vue
index 7ad4c93..82b48a5 100644
--- a/src/components/project/brief/PdfViewer.vue
+++ b/src/components/project/brief/PdfViewer.vue
@@ -11,7 +11,7 @@
   >
     <template #header>
       <a class="btn">Valider et envoyer le brief</a>
-      <h2 class="font-serif text-lg">
+      <h2 class="font-serif text-lg" :title="openedFile?.label.length ? openedFile.label : openedFile.name">
         {{ openedFile?.label.length ? openedFile.label : openedFile.name }}
       </h2>
     </template>