From e1179aace0dc96dc090dc7008616e6adddd47523 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Fri, 14 Mar 2025 16:23:25 -0400
Subject: [PATCH] [nit] Add title to show full text in workflow template dialog
 (#3058)

---
 .../templates/TemplateWorkflowCard.vue           | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/templates/TemplateWorkflowCard.vue b/src/components/templates/TemplateWorkflowCard.vue
index aa8986506..f0be89d71 100644
--- a/src/components/templates/TemplateWorkflowCard.vue
+++ b/src/components/templates/TemplateWorkflowCard.vue
@@ -54,11 +54,15 @@
         <div class="flex-1">
           <h3
             class="line-clamp-1 text-lg font-normal text-surface-900 dark:text-surface-100"
+            :title="title"
           >
             {{ title }}
           </h3>
-          <p class="line-clamp-2 text-sm text-surface-600 dark:text text-muted">
-            {{ template.description.replace(/[-_]/g, ' ') }}
+          <p
+            class="line-clamp-2 text-sm text-surface-600 dark:text text-muted"
+            :title="description"
+          >
+            {{ description }}
           </p>
         </div>
         <div
@@ -82,6 +86,7 @@ import AudioThumbnail from '@/components/templates/thumbnails/AudioThumbnail.vue
 import CompareSliderThumbnail from '@/components/templates/thumbnails/CompareSliderThumbnail.vue'
 import DefaultThumbnail from '@/components/templates/thumbnails/DefaultThumbnail.vue'
 import HoverDissolveThumbnail from '@/components/templates/thumbnails/HoverDissolveThumbnail.vue'
+import { st } from '@/i18n'
 import { api } from '@/scripts/api'
 import { TemplateInfo } from '@/types/workflowTemplateTypes'
 import { normalizeI18nKey } from '@/utils/formatUtil'
@@ -122,12 +127,15 @@ const overlayThumbnailSrc = computed(() =>
 
 const title = computed(() => {
   return sourceModule === 'default'
-    ? t(
-        `templateWorkflows.template.${normalizeI18nKey(categoryTitle)}.${normalizeI18nKey(template.name)}`
+    ? st(
+        `templateWorkflows.template.${normalizeI18nKey(categoryTitle)}.${normalizeI18nKey(template.name)}`,
+        template.name
       )
     : template.name ?? `${sourceModule} Template`
 })
 
+const description = computed(() => template.description.replace(/[-_]/g, ' '))
+
 defineEmits<{
   loadWorkflow: [name: string]
 }>()