[fix-DataLinkDC#2777]Fix flink dag tooltip (DataLinkDC#2803)

* fix log error * Fix flink dag tooltip
Zzm0809 · Dec 26, 2023 · f9ff0ab · f9ff0ab
1 parent d1ad9c8
commit f9ff0ab
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/dinky-web/src/components/Flink/FlinkDag/component/DagPlanNode.tsx b/dinky-web/src/components/Flink/FlinkDag/component/DagPlanNode.tsx
@@ -17,25 +17,29 @@
  *
  */
 
-import { Card, Typography } from 'antd';
+import {Card, Typography} from 'antd';
 
-const { Text, Paragraph } = Typography;
+const {Text, Paragraph} = Typography;
 
 const DagPlanNode = (props: any) => {
-  const { node } = props;
+  const {node} = props;
   const data: any = node?.getData();
 
   return (
     <Card
-      style={{ width: 270, padding: 0, margin: 0, height: 140 }}
+      style={{width: 270, padding: 0, margin: 0, height: 140}}
       bordered={false}
       size={'small'}
       type={'inner'}
       hoverable={true}
       title={data.description}
       extra={<Text keyboard>{data.parallelism}</Text>}
     >
-      <Paragraph ellipsis={{ tooltip: data.description, rows: 3 }}>
+      <Paragraph
+        ellipsis={{
+          tooltip: {title: data.description, zIndex: 2000},
+          rows: 3
+        }}>
         <blockquote>
           <Text>{data.description}</Text>
         </blockquote>