From 57c1bdc86732768dc68b54931b4e70d626f24449 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 19 Aug 2024 14:19:28 +0700
Subject: [PATCH] fix: profile banner ellipsis

---
 src/components/ProfileBanner.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/ProfileBanner.vue b/src/components/ProfileBanner.vue
index 756f5f2c..72121a9b 100644
--- a/src/components/ProfileBanner.vue
+++ b/src/components/ProfileBanner.vue
@@ -161,8 +161,16 @@ const showOverlay = ref(false);
           class="row justify-between full-height"
           style="padding-left: 150px"
         >
-          <div class="column">
-            <span class="text-bold q-pt-xs text-body1">{{ title }}</span>
+          <div class="col column">
+            <span
+              class="text-bold ellipsis q-pt-xs text-body1"
+              style="width: 90%"
+            >
+              {{ title }}
+              <q-tooltip anchor="bottom left" self="center left" :delay="300">
+                {{ title }}
+              </q-tooltip>
+            </span>
             <span v-if="title" class="app-text-muted">{{ caption }}</span>
           </div>