From 91319e311154bcbc6b74b2e5668d6df5e418cd72 Mon Sep 17 00:00:00 2001
From: labbomb <739955946@qq.com>
Date: Sun, 27 Mar 2022 16:53:02 +0800
Subject: [PATCH] [Fix][UI Next][V1.0.0-Alpha] Fixed an issue with long
 workflow names (#9217)

---
 .../workflow/definition/components/start-modal.tsx         | 4 +++-
 .../views/projects/workflow/definition/index.module.scss   | 7 +++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx
index 69758df1aa..519b89d706 100644
--- a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx
+++ b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/start-modal.tsx
@@ -224,7 +224,9 @@ export default defineComponent({
             label={t('project.workflow.workflow_name')}
             path='workflow_name'
           >
-            {this.row.name}
+            <div class={styles.formItem} title={this.row.name}>
+              {this.row.name}
+            </div> 
           </NFormItem>
           <NFormItem
             label={t('project.workflow.failure_strategy')}
diff --git a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss
index 72e5e2f812..76e975dd4e 100644
--- a/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss
+++ b/dolphinscheduler-ui-next/src/views/projects/workflow/definition/index.module.scss
@@ -95,3 +95,10 @@
     margin-right: 5px;
   }
 }
+
+.formItem {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+}