1 |
|
2 |
|
3 |
|
4 | .mds-transfer {
|
5 | display: flex;
|
6 | align-items: center;
|
7 | }
|
8 | .mds-transfer-buttons {
|
9 | margin: 0 20px;
|
10 | }
|
11 | .mds-transfer-button-item {
|
12 | margin: 10px 0;
|
13 | }
|
14 |
|
15 |
|
16 |
|
17 | .mds-transfer-panel {
|
18 | width: 200px;
|
19 | height: 331px;
|
20 | border: 1px solid #f0f2f5;
|
21 | overflow: hidden;
|
22 | }
|
23 | .mds-transfer-panel-header {
|
24 | width: 198px;
|
25 | height: 40px;
|
26 | background: #ffffff;
|
27 | display: flex;
|
28 | align-items: center;
|
29 | justify-content: space-between;
|
30 | padding: 0 8px 0 12px;
|
31 | border-bottom: 1px solid #f0f2f5;
|
32 | }
|
33 | .mds-transfer-panel-body {
|
34 | width: 100%;
|
35 | height: 290px;
|
36 | overflow-y: auto;
|
37 | overflow-x: hidden;
|
38 | }
|
39 | .mds-transfer-panel-body .mds-checkbox-wrapper {
|
40 | margin-left: 0;
|
41 | padding-left: 12px;
|
42 | display: flex;
|
43 | align-items: center;
|
44 | width: 196px;
|
45 | height: 32px;
|
46 | background: #ffffff;
|
47 | border-radius: 2px;
|
48 | }
|
49 | .mds-transfer-panel-body .mds-checkbox-wrapper:hover {
|
50 | background-color: rgba(0, 0, 0, 0.02);
|
51 | }
|
52 | .mds-transfer-panel-body .mds-transfer-checked {
|
53 | margin-right: 0;
|
54 | background-color: #EEF8FF;
|
55 | }
|
56 | .mds-transfer-panel-body .mds-transfer-checked:hover {
|
57 | background-color: #EEF8FF;
|
58 | }
|
59 | .mds-transfer-panel-body-item {
|
60 | padding-left: 12px;
|
61 | display: flex;
|
62 | align-items: center;
|
63 | width: 184px;
|
64 | height: 32px;
|
65 | background: #ffffff;
|
66 | border-radius: 2px;
|
67 | }
|
68 | .mds-transfer-panel-body-item-disabled {
|
69 | padding-left: 12px;
|
70 | background: rgba(0, 0, 0, 0.02);
|
71 | font-size: 14px;
|
72 | color: #d8dce6;
|
73 | line-height: 32px;
|
74 | }
|
75 | .mds-transfer-panel-body-item:hover {
|
76 | background: rgba(0, 0, 0, 0.02);
|
77 | }
|
78 | .mds-transfer-panel__empty {
|
79 | margin: 0;
|
80 | height: 30px;
|
81 | line-height: 30px;
|
82 | padding: 6px 15px 0;
|
83 | color: #909399;
|
84 | text-align: center;
|
85 | }
|
86 | .mds-transfer-panel__filter__box {
|
87 | position: relative;
|
88 | display: block;
|
89 | padding: 12px;
|
90 | box-sizing: border-box;
|
91 | }
|
92 | .mds-transfer-checked {
|
93 | margin-right: 0;
|
94 | background-color: #EEF8FF;
|
95 | }
|
96 | .mds-transfer-checked:hover {
|
97 | background-color: #EEF8FF;
|
98 | }
|
99 | .mds-transfer-disabled span {
|
100 | color: #D8DCE6;
|
101 | }
|