Browse Source

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

labbomb 3 years ago
parent
commit
91319e3111

+ 3 - 1
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')}

+ 7 - 0
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;
+}