From a73a3fc7db5c32b41470cf9cf9f9dbe104a107d5 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 28 Nov 2024 13:36:06 +0700
Subject: [PATCH] fix: product => ellipsis detail

---
 src/components/04_product-service/TableProduct.vue | 5 ++++-
 src/pages/04_product-service/MainPage.vue          | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/04_product-service/TableProduct.vue b/src/components/04_product-service/TableProduct.vue
index d1ae1855..6197bd32 100644
--- a/src/components/04_product-service/TableProduct.vue
+++ b/src/components/04_product-service/TableProduct.vue
@@ -150,7 +150,10 @@ defineEmits<{
           style="max-width: 150px"
           v-if="fieldSelected.includes('productDetail')"
         >
-          {{ props.row.detail || '-' }}
+          <q-tooltip>
+            <div v-html="props.row.detail || '-'" />
+          </q-tooltip>
+          <div class="ellipsis-2-lines" v-html="props.row.detail || '-'" />
         </q-td>
         <q-td v-if="fieldSelected.includes('productExpenseType')">
           {{ optionStore.mapOption(props.row.expenseType) }}
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index fa5e8c2f..bb2a5d54 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2669,7 +2669,7 @@ watch(
                             <div v-html="props.row.detail || '-'" />
                           </q-tooltip>
                           <div
-                            class="ellipsis-3-lines"
+                            class="ellipsis-2-lines"
                             v-html="props.row.detail || '-'"
                           />
                         </q-td>