Skip to content

Commit

Permalink
fix(module:tree,tree-select): fix the styles of connecting line (#3385)
Browse files Browse the repository at this point in the history
* fix(module:tree,tree-select): fix the styles of connecting line
* fix(module:tree): fix styles
* fix(module:tree-select): fix file name

close #3382
  • Loading branch information
hsuanxyz authored May 17, 2019
1 parent b0f353c commit f7e9a7c
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 29 deletions.
1 change: 1 addition & 0 deletions components/tree-select/style/entry.less
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,4 @@
@import '../../tree/style/entry.less';
@import '../../select/style/index.less';
@import '../../empty/style/index.less';
@import "./patch.less";
9 changes: 9 additions & 0 deletions components/tree-select/style/patch.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
.ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node:not(:last-child) > li::before {
content: ' ';
width: 1px;
border-left: 1px solid #d9d9d9;
height: calc(100% - 16px);
position: absolute;
left: 12px;
margin: 26px 0;
}
43 changes: 14 additions & 29 deletions components/tree/style/patch.less
Original file line number Diff line number Diff line change
Expand Up @@ -6,34 +6,19 @@
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/

.ant-tree {
&.ant-tree-show-line {
> nz-tree-node:not(:last-child), .ant-tree-child-tree > nz-tree-node:not(:last-child) {
> li:before {
content: ' ';
width: 1px;
border-left: 1px solid @border-color-base;
height: 100%;
position: absolute;
left: 12px;
margin: 22px 0;
}
}

.ant-tree-child-tree > nz-tree-node:last-child {
> li:before {
content: ' ';
width: 1px;
border-left: 0px solid @border-color-base;
height: 100%;
position: absolute;
left: 12px;
margin: 22px 0;
}
}
}
.ant-tree.ant-tree-show-line nz-tree-node:not(:last-child) > li::before {
content: ' ';
width: 1px;
border-left: 1px solid @border-color-base;
height: 100%;
position: absolute;
left: 12px;
margin: 22px 0;
}

.font-highlight {
color: @highlight-color;
}
.font-highlight {
color: @highlight-color;
}



0 comments on commit f7e9a7c

Please sign in to comment.