feat: tree line in first level

ant-design · Aug 4, 2020 · af53288 · af53288
1 parent a87c3a8
commit af53288
Showing 1 changed file with 13 additions and 4 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: -4px;
+            border-right: 1px solid @border-color-base;
+            content: '';
+          }
+
           &::before {
             position: absolute;
             top: calc(100% - 4px);
@@ -227,17 +236,17 @@
             content: '';
           }
 
-          &-end {
-            &::before {
-              display: none;
-            }
+          &-end::before,
+          &-end-first-level::after {
+            display: none;
           }
         }
       }
 
       /* 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;
           }