fix: fix ellipsisText style

fix ellipsisText style
DTStack · Dec 30, 2020 · 1dbe3ae · 1dbe3ae
1 parent 781691a
commit 1dbe3ae
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/ellipsisText/index.tsx b/src/components/ellipsisText/index.tsx
@@ -13,9 +13,9 @@ export default (props: IProps) => {
     let { value = '', className = '', style = {}, placement = undefined } = props;
     return (
         <Tooltip placement={placement} title={`${value}`}>
-            <div data-testid="ellipsis_text" className={isEmpty(className) ? 'dtc-ellipsis-text' : 'dtc-ellipsis-text ' + className} style={style}>
+            <span data-testid="ellipsis_text" className={isEmpty(className) ? 'dtc-ellipsis-text' : 'dtc-ellipsis-text ' + className} style={style}>
                 {`${value}`}
-            </div>
+            </span>
         </Tooltip>
     )
 }
diff --git a/src/components/ellipsisText/style.scss b/src/components/ellipsisText/style.scss
@@ -4,4 +4,5 @@
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: pointer;
+    vertical-align: top;
 }