Blame view

src/styles/components/tree.less 3.71 KB
89f2ba8b   梁灏   init Tree component
1
2
3
  @tree-prefix-cls: ~"@{css-prefix}tree";
  
  .@{tree-prefix-cls} {
e81207a2   梁灏   update Tree
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
      margin: 0;
      padding: 5px;
      font-size: 12px;
      li {
          padding: 0;
          margin: 7px 0;
          list-style: none;
          white-space: nowrap;
          outline: 0;
          a[draggable],
          a[draggable="true"] {
              user-select: none;
              /* Required to make elements draggable in old WebKit */
              -khtml-user-drag: element;
              -webkit-user-drag: element;
          }
          &.drag-over {
              > a[draggable] {
                  background-color: @primary-color;
                  color: white;
                  opacity: 0.8;
              }
          }
          &.drag-over-gap-top {
              > a[draggable] {
                  border-top: 2px @primary-color solid;
              }
          }
          &.drag-over-gap-bottom {
              > a[draggable] {
                  border-bottom: 2px @primary-color solid;
              }
          }
          &.filter-node {
              > a {
                  color: @error-color!important;
                  font-weight: bold!important;
              }
          }
          ul {
              margin: 0;
              padding: 0 0 0 18px;
          }
          a {
              display: inline-block;
              padding: 1px 5px;
              border-radius: 2px;
              margin: 0;
              cursor: pointer;
              text-decoration: none;
              vertical-align: top;
              color: #666;
              transition: all 0.3s ease;
              &:hover {
                  background-color: tint(@primary-color, 90%);
              }
              &.@{tree-prefix-cls}-node-selected {
                  background-color: tint(@primary-color, 80%);
              }
          }
          span {
              &.@{tree-prefix-cls}-checkbox {
                  margin: 2px 4px 0 0;
              }
              &.@{tree-prefix-cls}-switcher,
              &.@{tree-prefix-cls}-iconEle {
                  margin: 0;
                  width: 16px;
                  height: 16px;
                  line-height: 16px;
                  display: inline-block;
                  vertical-align: middle;
                  border: 0 none;
                  cursor: pointer;
                  outline: none;
              }
              &.@{tree-prefix-cls}-icon_loading {
                  &:after {
                      display: inline-block;
                      //.iconfont-font("\e6a1");
                      animation: loadingCircle 1s infinite linear;
                      color: @primary-color;
                  }
              }
              &.@{tree-prefix-cls}-switcher {
                  &.@{tree-prefix-cls}-switcher-noop {
                      cursor: auto;
                  }
                  &.@{tree-prefix-cls}-roots_open,
                  &.@{tree-prefix-cls}-center_open,
                  &.@{tree-prefix-cls}-bottom_open,
                  &.@{tree-prefix-cls}-noline_open {
                      //.antTreeSwitcherIcon();
                  }
                  &.@{tree-prefix-cls}-roots_close,
                  &.@{tree-prefix-cls}-center_close,
                  &.@{tree-prefix-cls}-bottom_close,
                  &.@{tree-prefix-cls}-noline_close {
                      //.antTreeSwitcherIcon();
                      //.ie-rotate(3);
                      &:after {
                          transform: rotate(270deg) scale(0.5);
                      }
                  }
              }
          }
      }
      &-child-tree {
          display: none;
          &-open {
              display: block;
          }
      }
      &-treenode-disabled {
          >span,
          >a,
          >a span {
              color: #ccc;
              cursor: not-allowed;
          }
      }
      &-icon__open {
          margin-right: 2px;
          vertical-align: top;
      }
      &-icon__close {
          margin-right: 2px;
          vertical-align: top;
      }
89f2ba8b   梁灏   init Tree component
133
  }