other / mew-iview

Blame view

src/styles/components/cascader.less 2.75 KB
Edit Raw Normal View History
c463ab87   梁灏   add Cascader 
1
2
3
4
 
  @cascader-prefix-cls: ~"@{css-prefix}cascader";
  @cascader-item-prefix-cls: ~"@{css-prefix}cascader-menu-item";
  
  .@{cascader-prefix-cls} {
75e5c6a5   梁灏   Cascader support ... 
5
 
      //position: relative;
3b005863   梁灏   update Cascader 
6
 
      line-height: normal;
c463ab87   梁灏   add Cascader 
7
75e5c6a5   梁灏   Cascader support ... 
8
 
      &-rel{
5ee64b6d   梁灏   fixed #430 
9
10
 
          display: inline-block;
          width: 100%;
75e5c6a5   梁灏   Cascader support ... 
11
12
13
 
          position: relative;
      }
c463ab87   梁灏   add Cascader 
14
15
16
17
 
      .@{css-prefix}input{
          display: block;
          cursor: pointer;
      }
05b5dd7b   梁灏   update Cascader 
18
19
20
 
      &-disabled .@{css-prefix}input{
          cursor: @cursor-disabled;
      }
c463ab87   梁灏   add Cascader 
21
3ae11e85   梁灏   update Cascader 
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
      &-label{
          width: 100%;
          height: 100%;
          line-height: 32px;
          padding: 0 7px;
          box-sizing: border-box;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          cursor: pointer;
          font-size: @font-size-small;
          position: absolute;
          left: 0;
          top: 0;
      }
      &-size-large &-label{
          line-height: 36px;
          font-size: @font-size-base;
      }
      &-size-small &-label{
          line-height: 26px;
      }
c463ab87   梁灏   add Cascader 
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
      .@{cascader-prefix-cls}-arrow:nth-of-type(1) {
          display: none;
          cursor: pointer;
      }
  
      &:hover {
          .@{cascader-prefix-cls}-arrow:nth-of-type(1) {
              display: inline-block;
          }
      }
      &-show-clear:hover .@{cascader-prefix-cls}-arrow:nth-of-type(2){
          display: none;
      }
  
      &-arrow {
165bb7c9   梁灏   update Cascader 
60
61
 
          .inner-arrow();
      }
e2645048   jingsam   :fire: remove tra... 
62
63
 
      &-visible &-arrow:nth-of-type(2) {
          transform: rotate(180deg);
c463ab87   梁灏   add Cascader 
64
65
66
 
      }
  
      .@{select-dropdown-prefix-cls} {
9ec927b1   梁灏   update Cascader 
67
 
          width: auto;
c463ab87   梁灏   add Cascader 
68
69
 
          padding: 0;
          white-space: nowrap;
e96fa06d   梁灏   update Cascader s... 
70
 
          overflow: visible;
c463ab87   梁灏   add Cascader 
71
72
73
 
      }
  
      .select-item(@cascader-prefix-cls, @cascader-item-prefix-cls);
4e23e47c   梁灏   update Cascader 
74
75
76
 
      .ivu-select-item span{
          color: @error-color;
      }
c463ab87   梁灏   add Cascader 
77
7ec0b533   梁灏   Cascader support ... 
78
79
80
81
 
      &-dropdown{
          padding: 5px 0;
      }
c463ab87   梁灏   add Cascader 
82
83
84
85
86
 
      &-menu{
          display: inline-block;
          min-width: 100px;
          height: 180px;
          margin: 0;
9ec927b1   梁灏   update Cascader 
87
 
          padding: 5px 0 !important;
c463ab87   梁灏   add Cascader 
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
 
          vertical-align: top;
          list-style: none;
          border-right: 1px solid @border-color-split;
          overflow: auto;
  
          &:first-child {
  
          }
          &:last-child {
              border-right-color: transparent;
              margin-right: -1px;
          }
          &:only-child {
  
          }
  
          & &-item{
              position: relative;
              padding-right: 24px;
e2645048   jingsam   :fire: remove tra... 
107
 
              transition: all @transition-time @ease-in-out;
c463ab87   梁灏   add Cascader 
108
109
110
111
112
113
114
115
116
117
118
 
  
              i{
                  font-size: @font-size-small;
                  position: absolute;
                  right: 15px;
                  top: 50%;
                  margin-top: -6px;
              }
  
              &-active{
                  background-color: @background-color-select-hover;
165bb7c9   梁灏   update Cascader 
119
 
                  color: @primary-color;
c463ab87   梁灏   add Cascader 
120
121
122
 
              }
          }
      }
e2645048   jingsam   :fire: remove tra... 
123
 
  }
e93f1e9a   梁灏   update some styles 
124
125
126
127
128
129
130
131
 
  
  .@{form-item-prefix-cls}-error{
      .@{cascader-prefix-cls} {
          &-arrow{
              color: @error-color;
          }
      }
  }