77f7bb95
梁灏
add Transfer comp...
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
@transfer-prefix-cls: ~"@{css-prefix}transfer";
@transfer-item-prefix-cls: ~"@{css-prefix}transfer-list-content-item";
.@{transfer-prefix-cls} {
position: relative;
line-height: @line-height-base;
&-list{
display: inline-block;
width: 180px;
height: 210px;
font-size: @font-size-small;
vertical-align: middle;
|
77f7bb95
梁灏
add Transfer comp...
|
14
15
16
|
position: relative;
padding-top: 35px;
|
bf0203db
梁灏
update Transfer
|
17
18
19
20
|
&-with-footer{
padding-bottom: 35px;
}
|
77f7bb95
梁灏
add Transfer comp...
|
21
22
|
&-header {
padding: 8px 16px;
|
122e69ee
梁灏
update Transfer
|
23
|
background: @head-bg;
|
77f7bb95
梁灏
add Transfer comp...
|
24
|
color: @text-color;
|
dcc06127
梁灏
update Transfer
|
25
|
border: 1px solid @border-color-base;
|
77f7bb95
梁灏
add Transfer comp...
|
26
|
border-bottom: 1px solid @border-color-split;
|
dcc06127
梁灏
update Transfer
|
27
|
border-radius: @border-radius-base @border-radius-base 0 0;
|
77f7bb95
梁灏
add Transfer comp...
|
28
29
30
31
32
33
|
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
|
ea9620eb
Aresn
update Transfer
|
34
35
36
37
|
&-title{
cursor: pointer;
}
|
122e69ee
梁灏
update Transfer
|
38
39
40
41
|
& > span{
padding-left: 4px;
}
|
77f7bb95
梁灏
add Transfer comp...
|
42
43
44
45
46
47
48
49
|
&-count {
margin: 0 !important;
float: right;
}
}
&-body{
height: 100%;
|
dcc06127
梁灏
update Transfer
|
50
51
52
|
border: 1px solid @border-color-base;
border-top: none;
border-radius: 0 0 @border-radius-base @border-radius-base;
|
77f7bb95
梁灏
add Transfer comp...
|
53
|
position: relative;
|
4997bd42
梁灏
update Transfer
|
54
|
overflow: hidden;
|
77f7bb95
梁灏
add Transfer comp...
|
55
56
|
&-with-search{
|
122e69ee
梁灏
update Transfer
|
57
|
padding-top: 34px;
|
77f7bb95
梁灏
add Transfer comp...
|
58
|
}
|
4997bd42
梁灏
update Transfer
|
59
60
61
|
&-with-footer{
border-radius: 0;
}
|
77f7bb95
梁灏
add Transfer comp...
|
62
63
64
65
66
67
68
69
70
71
72
|
}
&-content{
height: 100%;
padding: 4px 0;
overflow: auto;
&-item{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
|
122e69ee
梁灏
update Transfer
|
73
74
75
76
|
& > span{
padding-left: 4px;
}
|
77f7bb95
梁灏
add Transfer comp...
|
77
|
}
|
37ee1535
梁灏
update Transfer
|
78
79
80
81
82
83
84
85
86
|
&-not-found{
display: none;
text-align: center;
color: @btn-disable-color;
}
li&-not-found:only-child{
display: block;
}
|
77f7bb95
梁灏
add Transfer comp...
|
87
88
|
}
&-body-with-search &-content{
|
122e69ee
梁灏
update Transfer
|
89
|
padding: 6px 0 0;
|
77f7bb95
梁灏
add Transfer comp...
|
90
91
92
|
}
&-body-search-wrapper{
|
122e69ee
梁灏
update Transfer
|
93
|
padding: 8px 8px 0;
|
77f7bb95
梁灏
add Transfer comp...
|
94
95
96
97
98
99
100
101
102
|
position: absolute;
top: 0;
left: 0;
right: 0;
}
&-search{
position: relative;
}
|
122e69ee
梁灏
update Transfer
|
103
104
|
&-footer{
|
122e69ee
梁灏
update Transfer
|
105
106
107
|
border: 1px solid @border-color-base;
border-top: none;
border-radius: 0 0 @border-radius-base @border-radius-base;
|
bf0203db
梁灏
update Transfer
|
108
109
110
111
|
position: absolute;
bottom: 0;
left: 0;
right: 0;
|
122e69ee
梁灏
update Transfer
|
112
113
114
|
.clearfix();
}
|
77f7bb95
梁灏
add Transfer comp...
|
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
}
&-operation {
display: inline-block;
overflow: hidden;
margin: 0 16px;
vertical-align: middle;
.@{btn-prefix-cls} {
display: block;
min-width: @btn-circle-size-small;
&:first-child {
margin-bottom: 12px;
}
}
}
}
.select-item(@transfer-prefix-cls, @transfer-item-prefix-cls);
|