fix(tree): fix tree not ellipsis (#1660)

Co-authored-by: zhujiahong <zhujiahong@growingio.com>
growingio · Dec 10, 2021 · 83fdc80 · 83fdc80 · vercel · Dec 10, 2021
1 parent 790ae49
commit 83fdc80
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/tree/demos/Tree.stories.tsx b/src/tree/demos/Tree.stories.tsx
@@ -34,7 +34,7 @@ const treeData = [
         disabled: true,
         children: [
           {
-            title: '产品一组',
+            title: '产品一组产品一组产品一组产品一组产品一组产品一组产品一组产品一组产品一组',
             key: '0-0-0-0',
             icon: <CheckOutlined />,
             disableCheckbox: true,

diff --git a/src/tree/style/index.less b/src/tree/style/index.less
@@ -115,6 +115,9 @@
     // >>> Title
     & &-node-content-wrapper {
       width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
       cursor: pointer;
       .@{custom-tree-prefix-cls}-title {
         overflow: hidden;