1 | @import '../../style/themes/index';
|
2 |
|
3 | @tree-prefix-cls: ~'@{ant-prefix}-tree';
|
4 |
|
5 | .@{tree-prefix-cls}.@{tree-prefix-cls}-directory {
|
6 |
|
7 | .@{tree-prefix-cls}-treenode {
|
8 | position: relative;
|
9 |
|
10 |
|
11 | &::before {
|
12 | position: absolute;
|
13 | top: 0;
|
14 | right: 0;
|
15 | bottom: 4px;
|
16 | left: 0;
|
17 | transition: background-color 0.3s;
|
18 | content: '';
|
19 | pointer-events: none;
|
20 | }
|
21 |
|
22 | &:hover {
|
23 | &::before {
|
24 | background: @item-hover-bg;
|
25 | }
|
26 | }
|
27 |
|
28 |
|
29 | > * {
|
30 | z-index: 1;
|
31 | }
|
32 |
|
33 |
|
34 | .@{tree-prefix-cls}-switcher {
|
35 | transition: color 0.3s;
|
36 | }
|
37 |
|
38 |
|
39 | .@{tree-prefix-cls}-node-content-wrapper {
|
40 | border-radius: 0;
|
41 | user-select: none;
|
42 |
|
43 | &:hover {
|
44 | background: transparent;
|
45 | }
|
46 |
|
47 | &.@{tree-prefix-cls}-node-selected {
|
48 | color: @tree-directory-selected-color;
|
49 | background: transparent;
|
50 | }
|
51 | }
|
52 |
|
53 |
|
54 | &-selected {
|
55 | &:hover::before,
|
56 | &::before {
|
57 | background: @tree-directory-selected-bg;
|
58 | }
|
59 |
|
60 |
|
61 | .@{tree-prefix-cls}-switcher {
|
62 | color: @tree-directory-selected-color;
|
63 | }
|
64 |
|
65 |
|
66 | .@{tree-prefix-cls}-node-content-wrapper {
|
67 | color: @tree-directory-selected-color;
|
68 | background: transparent;
|
69 | }
|
70 | }
|
71 | }
|
72 | }
|