Blame view

src/styles/components/tree.less 1.76 KB
89f2ba8b   梁灏   init Tree component
1
2
3
  @tree-prefix-cls: ~"@{css-prefix}tree";
  
  .@{tree-prefix-cls} {
75c32d5f   梁灏   rebuild Tree
4
      ul{
e81207a2   梁灏   update Tree
5
          list-style: none;
75c32d5f   梁灏   rebuild Tree
6
          margin: 0;
c8157442   梁灏   fixed #499
7
          padding: 0;
75c32d5f   梁灏   rebuild Tree
8
          font-size: @font-size-small;
7fe58637   梁灏   fix #5056
9
10
11
          &.@{dropdown-prefix-cls}-menu{
              padding: 0;
          }
75c32d5f   梁灏   rebuild Tree
12
13
14
15
16
17
          li{
              list-style: none;
              margin: 8px 0;
              padding: 0;
              white-space: nowrap;
              outline: none;
7fe58637   梁灏   fix #5056
18
19
20
21
22
23
  
              &.@{dropdown-item-prefix-cls}{
                  margin: 0;
                  padding: 7px 16px;
                  white-space: nowrap;
              }
e81207a2   梁灏   update Tree
24
          }
75c32d5f   梁灏   rebuild Tree
25
26
27
      }
      li{
          ul{
e81207a2   梁灏   update Tree
28
29
30
              margin: 0;
              padding: 0 0 0 18px;
          }
75c32d5f   梁灏   rebuild Tree
31
32
33
34
35
36
37
38
39
40
41
42
      }
      &-title {
          display: inline-block;
          margin: 0;
          padding: 0 4px;
          border-radius: @btn-border-radius-small;
          cursor: pointer;
          vertical-align: top;
          color: @text-color;
          transition: all @transition-time @ease-in-out;
          &:hover {
              background-color: tint(@primary-color, 90%);
e81207a2   梁灏   update Tree
43
          }
75c32d5f   梁灏   rebuild Tree
44
45
          &-selected, &-selected:hover{
              background-color: tint(@primary-color, 80%);
ce03ac52   梁灏   update Tree
46
          }
75c32d5f   梁灏   rebuild Tree
47
48
49
      }
      &-arrow{
          cursor: pointer;
94d177cc   Sergio Crisostomo   add width to expa...
50
51
52
53
          width: 12px;
          text-align: center;
          display: inline-block;
          i {
75c32d5f   梁灏   rebuild Tree
54
              transition: all @transition-time @ease-in-out;
d5e329ff   梁灏   fixed #4162
55
              font-size: @font-size-base;
8a58b273   梁灏   update Tree Icons
56
              vertical-align: middle;
75c32d5f   梁灏   rebuild Tree
57
58
59
60
          }
          &-open{
              i {
                  transform: rotate(90deg);
e81207a2   梁灏   update Tree
61
62
              }
          }
b31aab71   梁灏   Tree add async lo...
63
64
65
66
67
68
          //&-hidden{
          //    cursor: auto;
          //    i{
          //        display: none;
          //    }
          //}
75c32d5f   梁灏   rebuild Tree
69
70
          &-disabled{
              cursor: @cursor-disabled;
e81207a2   梁灏   update Tree
71
72
          }
      }
75ef8633   梁灏   update Tree
73
74
75
76
77
  
      .@{checkbox-prefix-cls}-wrapper{
          margin-right: 4px;
          margin-left: 4px;
      }
94d177cc   Sergio Crisostomo   add width to expa...
78
  }