[dolphinscheduler] branch dev updated: [Fix][UI Next][V1.0.0-Alpha] Fixed an issue with long workflow names (#9217)

[songjian]

This is an automated email from the ASF dual-hosted git repository.

songjian pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler.git


The following commit(s) were added to refs/heads/dev by this push:
     new 91319e3  [Fix][UI Next][V1.0.0-Alpha] Fixed an issue with long 
workflow names (#9217)
91319e3 is described below

commit 91319e311154bcbc6b74b2e5668d6df5e418cd72
Author: labbomb <739955...@qq.com>
AuthorDate: Sun Mar 27 16:53:02 2022 +0800

    [Fix][UI Next][V1.0.0-Alpha] Fixed an issue with long workflow names (#9217)
---
 .../views/projects/workflow/definition/components/start-modal.tsx  | 4 +++-
 .../src/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 69758df..519b89d 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 72e5e2f..76e975d 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;
+}