feat: tree line in first level

ant-design · Aug 3, 2020 · 755ac95 · 755ac95
1 parent a87c3a8
commit 755ac95
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/components/tree/style/mixin.less b/components/tree/style/mixin.less
@@ -218,6 +218,15 @@
           position: relative;
           height: 100%;
 
+          &:first-child::after {
+            position: absolute;
+            top: calc(100% - @tree-title-height - 4px);
+            right: @tree-title-height / 2;
+            bottom: 0;
+            border-right: 1px solid @border-color-base;
+            content: '';
+          }
+
           &::before {
             position: absolute;
             top: calc(100% - 4px);
@@ -238,6 +247,7 @@
       /* Motion should hide line of measure */
       .@{custom-tree-node-prefix-cls}-motion:not(.@{tree-motion}-leave):not(.@{tree-motion}-appear-active) {
         .@{custom-tree-prefix-cls}-indent-unit {
+          &::after,
           &::before {
             display: none;
           }