1 |
|
2 |
|
3 |
|
4 |
|
5 | .ant-input-affix-wrapper {
|
6 | position: relative;
|
7 | display: inline-block;
|
8 | width: 100%;
|
9 | min-width: 0;
|
10 | padding: 4px 11px;
|
11 | color: rgba(0, 0, 0, 0.85);
|
12 | font-size: 14px;
|
13 | line-height: 1.5715;
|
14 | background-color: #fff;
|
15 | background-image: none;
|
16 | border: 1px solid #d9d9d9;
|
17 | border-radius: 2px;
|
18 | transition: all 0.3s;
|
19 | display: inline-flex;
|
20 | }
|
21 | .ant-input-affix-wrapper::-moz-placeholder {
|
22 | opacity: 1;
|
23 | }
|
24 | .ant-input-affix-wrapper:-ms-input-placeholder {
|
25 | color: #bfbfbf;
|
26 | }
|
27 | .ant-input-affix-wrapper::placeholder {
|
28 | color: #bfbfbf;
|
29 | }
|
30 | .ant-input-affix-wrapper:-moz-placeholder-shown {
|
31 | text-overflow: ellipsis;
|
32 | }
|
33 | .ant-input-affix-wrapper:-ms-input-placeholder {
|
34 | text-overflow: ellipsis;
|
35 | }
|
36 | .ant-input-affix-wrapper:placeholder-shown {
|
37 | text-overflow: ellipsis;
|
38 | }
|
39 | .ant-input-affix-wrapper:hover {
|
40 | border-color: #40a9ff;
|
41 | border-right-width: 1px !important;
|
42 | }
|
43 | .ant-input-rtl .ant-input-affix-wrapper:hover {
|
44 | border-right-width: 0;
|
45 | border-left-width: 1px !important;
|
46 | }
|
47 | .ant-input-affix-wrapper:focus,
|
48 | .ant-input-affix-wrapper-focused {
|
49 | border-color: #40a9ff;
|
50 | border-right-width: 1px !important;
|
51 | outline: 0;
|
52 | box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
53 | }
|
54 | .ant-input-rtl .ant-input-affix-wrapper:focus,
|
55 | .ant-input-rtl .ant-input-affix-wrapper-focused {
|
56 | border-right-width: 0;
|
57 | border-left-width: 1px !important;
|
58 | }
|
59 | .ant-input-affix-wrapper-disabled {
|
60 | color: rgba(0, 0, 0, 0.25);
|
61 | background-color: #f5f5f5;
|
62 | border-color: #d9d9d9;
|
63 | box-shadow: none;
|
64 | cursor: not-allowed;
|
65 | opacity: 1;
|
66 | }
|
67 | .ant-input-affix-wrapper-disabled:hover {
|
68 | border-color: #d9d9d9;
|
69 | border-right-width: 1px !important;
|
70 | }
|
71 | .ant-input-affix-wrapper[disabled] {
|
72 | color: rgba(0, 0, 0, 0.25);
|
73 | background-color: #f5f5f5;
|
74 | border-color: #d9d9d9;
|
75 | box-shadow: none;
|
76 | cursor: not-allowed;
|
77 | opacity: 1;
|
78 | }
|
79 | .ant-input-affix-wrapper[disabled]:hover {
|
80 | border-color: #d9d9d9;
|
81 | border-right-width: 1px !important;
|
82 | }
|
83 | .ant-input-affix-wrapper-borderless,
|
84 | .ant-input-affix-wrapper-borderless:hover,
|
85 | .ant-input-affix-wrapper-borderless:focus,
|
86 | .ant-input-affix-wrapper-borderless-focused,
|
87 | .ant-input-affix-wrapper-borderless-disabled,
|
88 | .ant-input-affix-wrapper-borderless[disabled] {
|
89 | background-color: transparent;
|
90 | border: none;
|
91 | box-shadow: none;
|
92 | }
|
93 | textarea.ant-input-affix-wrapper {
|
94 | max-width: 100%;
|
95 | height: auto;
|
96 | min-height: 32px;
|
97 | line-height: 1.5715;
|
98 | vertical-align: bottom;
|
99 | transition: all 0.3s, height 0s;
|
100 | }
|
101 | .ant-input-affix-wrapper-lg {
|
102 | padding: 6.5px 11px;
|
103 | font-size: 16px;
|
104 | }
|
105 | .ant-input-affix-wrapper-sm {
|
106 | padding: 0px 7px;
|
107 | }
|
108 | .ant-input-affix-wrapper-rtl {
|
109 | direction: rtl;
|
110 | }
|
111 | .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
|
112 | border-color: #40a9ff;
|
113 | border-right-width: 1px !important;
|
114 | z-index: 1;
|
115 | }
|
116 | .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
|
117 | border-right-width: 0;
|
118 | border-left-width: 1px !important;
|
119 | }
|
120 | .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
|
121 | z-index: 0;
|
122 | }
|
123 | .ant-input-affix-wrapper-focused,
|
124 | .ant-input-affix-wrapper:focus {
|
125 | z-index: 1;
|
126 | }
|
127 | .ant-input-affix-wrapper-disabled .ant-input[disabled] {
|
128 | background: transparent;
|
129 | }
|
130 | .ant-input-affix-wrapper > input.ant-input {
|
131 | padding: 0;
|
132 | border: none;
|
133 | outline: none;
|
134 | }
|
135 | .ant-input-affix-wrapper > input.ant-input:focus {
|
136 | box-shadow: none !important;
|
137 | }
|
138 | .ant-input-affix-wrapper::before {
|
139 | width: 0;
|
140 | visibility: hidden;
|
141 | content: '\a0';
|
142 | }
|
143 | .ant-input-prefix,
|
144 | .ant-input-suffix {
|
145 | display: flex;
|
146 | flex: none;
|
147 | align-items: center;
|
148 | }
|
149 | .ant-input-prefix {
|
150 | margin-right: 4px;
|
151 | }
|
152 | .ant-input-suffix {
|
153 | margin-left: 4px;
|
154 | }
|
155 | .anticon.ant-input-clear-icon {
|
156 | margin: 0;
|
157 | color: rgba(0, 0, 0, 0.25);
|
158 | font-size: 12px;
|
159 | vertical-align: -1px;
|
160 | cursor: pointer;
|
161 | transition: color 0.3s;
|
162 | }
|
163 | .anticon.ant-input-clear-icon:hover {
|
164 | color: rgba(0, 0, 0, 0.45);
|
165 | }
|
166 | .anticon.ant-input-clear-icon:active {
|
167 | color: rgba(0, 0, 0, 0.85);
|
168 | }
|
169 | .anticon.ant-input-clear-icon-hidden {
|
170 | visibility: hidden;
|
171 | }
|
172 | .anticon.ant-input-clear-icon-has-suffix {
|
173 | margin: 0 4px;
|
174 | }
|
175 | .ant-input-affix-wrapper-textarea-with-clear-btn {
|
176 | padding: 0 !important;
|
177 | border: 0 !important;
|
178 | }
|
179 | .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
|
180 | position: absolute;
|
181 | top: 8px;
|
182 | right: 8px;
|
183 | z-index: 1;
|
184 | }
|
185 | .ant-input {
|
186 | box-sizing: border-box;
|
187 | margin: 0;
|
188 | padding: 0;
|
189 | font-variant: tabular-nums;
|
190 | list-style: none;
|
191 | font-feature-settings: 'tnum';
|
192 | position: relative;
|
193 | display: inline-block;
|
194 | width: 100%;
|
195 | min-width: 0;
|
196 | padding: 4px 11px;
|
197 | color: rgba(0, 0, 0, 0.85);
|
198 | font-size: 14px;
|
199 | line-height: 1.5715;
|
200 | background-color: #fff;
|
201 | background-image: none;
|
202 | border: 1px solid #d9d9d9;
|
203 | border-radius: 2px;
|
204 | transition: all 0.3s;
|
205 | }
|
206 | .ant-input::-moz-placeholder {
|
207 | opacity: 1;
|
208 | }
|
209 | .ant-input:-ms-input-placeholder {
|
210 | color: #bfbfbf;
|
211 | }
|
212 | .ant-input::placeholder {
|
213 | color: #bfbfbf;
|
214 | }
|
215 | .ant-input:-moz-placeholder-shown {
|
216 | text-overflow: ellipsis;
|
217 | }
|
218 | .ant-input:-ms-input-placeholder {
|
219 | text-overflow: ellipsis;
|
220 | }
|
221 | .ant-input:placeholder-shown {
|
222 | text-overflow: ellipsis;
|
223 | }
|
224 | .ant-input:hover {
|
225 | border-color: #40a9ff;
|
226 | border-right-width: 1px !important;
|
227 | }
|
228 | .ant-input-rtl .ant-input:hover {
|
229 | border-right-width: 0;
|
230 | border-left-width: 1px !important;
|
231 | }
|
232 | .ant-input:focus,
|
233 | .ant-input-focused {
|
234 | border-color: #40a9ff;
|
235 | border-right-width: 1px !important;
|
236 | outline: 0;
|
237 | box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
238 | }
|
239 | .ant-input-rtl .ant-input:focus,
|
240 | .ant-input-rtl .ant-input-focused {
|
241 | border-right-width: 0;
|
242 | border-left-width: 1px !important;
|
243 | }
|
244 | .ant-input-disabled {
|
245 | color: rgba(0, 0, 0, 0.25);
|
246 | background-color: #f5f5f5;
|
247 | border-color: #d9d9d9;
|
248 | box-shadow: none;
|
249 | cursor: not-allowed;
|
250 | opacity: 1;
|
251 | }
|
252 | .ant-input-disabled:hover {
|
253 | border-color: #d9d9d9;
|
254 | border-right-width: 1px !important;
|
255 | }
|
256 | .ant-input[disabled] {
|
257 | color: rgba(0, 0, 0, 0.25);
|
258 | background-color: #f5f5f5;
|
259 | border-color: #d9d9d9;
|
260 | box-shadow: none;
|
261 | cursor: not-allowed;
|
262 | opacity: 1;
|
263 | }
|
264 | .ant-input[disabled]:hover {
|
265 | border-color: #d9d9d9;
|
266 | border-right-width: 1px !important;
|
267 | }
|
268 | .ant-input-borderless,
|
269 | .ant-input-borderless:hover,
|
270 | .ant-input-borderless:focus,
|
271 | .ant-input-borderless-focused,
|
272 | .ant-input-borderless-disabled,
|
273 | .ant-input-borderless[disabled] {
|
274 | background-color: transparent;
|
275 | border: none;
|
276 | box-shadow: none;
|
277 | }
|
278 | textarea.ant-input {
|
279 | max-width: 100%;
|
280 | height: auto;
|
281 | min-height: 32px;
|
282 | line-height: 1.5715;
|
283 | vertical-align: bottom;
|
284 | transition: all 0.3s, height 0s;
|
285 | }
|
286 | .ant-input-lg {
|
287 | padding: 6.5px 11px;
|
288 | font-size: 16px;
|
289 | }
|
290 | .ant-input-sm {
|
291 | padding: 0px 7px;
|
292 | }
|
293 | .ant-input-rtl {
|
294 | direction: rtl;
|
295 | }
|
296 | .ant-input-group {
|
297 | box-sizing: border-box;
|
298 | margin: 0;
|
299 | padding: 0;
|
300 | color: rgba(0, 0, 0, 0.85);
|
301 | font-size: 14px;
|
302 | font-variant: tabular-nums;
|
303 | line-height: 1.5715;
|
304 | list-style: none;
|
305 | font-feature-settings: 'tnum';
|
306 | position: relative;
|
307 | display: table;
|
308 | width: 100%;
|
309 | border-collapse: separate;
|
310 | border-spacing: 0;
|
311 | }
|
312 | .ant-input-group[class*='col-'] {
|
313 | float: none;
|
314 | padding-right: 0;
|
315 | padding-left: 0;
|
316 | }
|
317 | .ant-input-group > [class*='col-'] {
|
318 | padding-right: 8px;
|
319 | }
|
320 | .ant-input-group > [class*='col-']:last-child {
|
321 | padding-right: 0;
|
322 | }
|
323 | .ant-input-group-addon,
|
324 | .ant-input-group-wrap,
|
325 | .ant-input-group > .ant-input {
|
326 | display: table-cell;
|
327 | }
|
328 | .ant-input-group-addon:not(:first-child):not(:last-child),
|
329 | .ant-input-group-wrap:not(:first-child):not(:last-child),
|
330 | .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
|
331 | border-radius: 0;
|
332 | }
|
333 | .ant-input-group-addon,
|
334 | .ant-input-group-wrap {
|
335 | width: 1px;
|
336 | white-space: nowrap;
|
337 | vertical-align: middle;
|
338 | }
|
339 | .ant-input-group-wrap > * {
|
340 | display: block !important;
|
341 | }
|
342 | .ant-input-group .ant-input {
|
343 | float: left;
|
344 | width: 100%;
|
345 | margin-bottom: 0;
|
346 | text-align: inherit;
|
347 | }
|
348 | .ant-input-group .ant-input:focus {
|
349 | z-index: 1;
|
350 | border-right-width: 1px;
|
351 | }
|
352 | .ant-input-group .ant-input:hover {
|
353 | z-index: 1;
|
354 | border-right-width: 1px;
|
355 | }
|
356 | .ant-input-search-with-button .ant-input-group .ant-input:hover {
|
357 | z-index: 0;
|
358 | }
|
359 | .ant-input-group-addon {
|
360 | position: relative;
|
361 | padding: 0 11px;
|
362 | color: rgba(0, 0, 0, 0.85);
|
363 | font-weight: normal;
|
364 | font-size: 14px;
|
365 | text-align: center;
|
366 | background-color: #fafafa;
|
367 | border: 1px solid #d9d9d9;
|
368 | border-radius: 2px;
|
369 | transition: all 0.3s;
|
370 | }
|
371 | .ant-input-group-addon .ant-select {
|
372 | margin: -5px -11px;
|
373 | }
|
374 | .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
375 | background-color: inherit;
|
376 | border: 1px solid transparent;
|
377 | box-shadow: none;
|
378 | }
|
379 | .ant-input-group-addon .ant-select-open .ant-select-selector,
|
380 | .ant-input-group-addon .ant-select-focused .ant-select-selector {
|
381 | color: #1890ff;
|
382 | }
|
383 | .ant-input-group-addon .ant-cascader-picker {
|
384 | margin: -9px -12px;
|
385 | background-color: transparent;
|
386 | }
|
387 | .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
|
388 | text-align: left;
|
389 | border: 0;
|
390 | box-shadow: none;
|
391 | }
|
392 | .ant-input-group > .ant-input:first-child,
|
393 | .ant-input-group-addon:first-child {
|
394 | border-top-right-radius: 0;
|
395 | border-bottom-right-radius: 0;
|
396 | }
|
397 | .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
|
398 | .ant-input-group-addon:first-child .ant-select .ant-select-selector {
|
399 | border-top-right-radius: 0;
|
400 | border-bottom-right-radius: 0;
|
401 | }
|
402 | .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
|
403 | border-top-left-radius: 0;
|
404 | border-bottom-left-radius: 0;
|
405 | }
|
406 | .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
|
407 | border-top-right-radius: 0;
|
408 | border-bottom-right-radius: 0;
|
409 | }
|
410 | .ant-input-group-addon:first-child {
|
411 | border-right: 0;
|
412 | }
|
413 | .ant-input-group-addon:last-child {
|
414 | border-left: 0;
|
415 | }
|
416 | .ant-input-group > .ant-input:last-child,
|
417 | .ant-input-group-addon:last-child {
|
418 | border-top-left-radius: 0;
|
419 | border-bottom-left-radius: 0;
|
420 | }
|
421 | .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
|
422 | .ant-input-group-addon:last-child .ant-select .ant-select-selector {
|
423 | border-top-left-radius: 0;
|
424 | border-bottom-left-radius: 0;
|
425 | }
|
426 | .ant-input-group-lg .ant-input,
|
427 | .ant-input-group-lg > .ant-input-group-addon {
|
428 | padding: 6.5px 11px;
|
429 | font-size: 16px;
|
430 | }
|
431 | .ant-input-group-sm .ant-input,
|
432 | .ant-input-group-sm > .ant-input-group-addon {
|
433 | padding: 0px 7px;
|
434 | }
|
435 | .ant-input-group-lg .ant-select-single .ant-select-selector {
|
436 | height: 40px;
|
437 | }
|
438 | .ant-input-group-sm .ant-select-single .ant-select-selector {
|
439 | height: 24px;
|
440 | }
|
441 | .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
|
442 | border-top-left-radius: 0;
|
443 | border-bottom-left-radius: 0;
|
444 | }
|
445 | .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
|
446 | border-top-right-radius: 0;
|
447 | border-bottom-right-radius: 0;
|
448 | }
|
449 | .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
|
450 | border-top-left-radius: 2px;
|
451 | border-bottom-left-radius: 2px;
|
452 | }
|
453 | .ant-input-group.ant-input-group-compact {
|
454 | display: block;
|
455 | }
|
456 | .ant-input-group.ant-input-group-compact::before {
|
457 | display: table;
|
458 | content: '';
|
459 | }
|
460 | .ant-input-group.ant-input-group-compact::after {
|
461 | display: table;
|
462 | clear: both;
|
463 | content: '';
|
464 | }
|
465 | .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
|
466 | .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
|
467 | .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
|
468 | border-right-width: 1px;
|
469 | }
|
470 | .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
|
471 | .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
|
472 | .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
|
473 | z-index: 1;
|
474 | }
|
475 | .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
|
476 | .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
|
477 | .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
|
478 | z-index: 1;
|
479 | }
|
480 | .ant-input-group.ant-input-group-compact > * {
|
481 | display: inline-block;
|
482 | float: none;
|
483 | vertical-align: top;
|
484 | border-radius: 0;
|
485 | }
|
486 | .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
|
487 | display: inline-flex;
|
488 | }
|
489 | .ant-input-group.ant-input-group-compact > .ant-picker-range {
|
490 | display: inline-flex;
|
491 | }
|
492 | .ant-input-group.ant-input-group-compact > *:not(:last-child) {
|
493 | margin-right: -1px;
|
494 | border-right-width: 1px;
|
495 | }
|
496 | .ant-input-group.ant-input-group-compact .ant-input {
|
497 | float: none;
|
498 | }
|
499 | .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
|
500 | .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
|
501 | .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
|
502 | .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
|
503 | border-right-width: 1px;
|
504 | border-radius: 0;
|
505 | }
|
506 | .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
|
507 | .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
|
508 | .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
|
509 | .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
|
510 | z-index: 1;
|
511 | }
|
512 | .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
|
513 | .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
|
514 | .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
|
515 | .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
|
516 | z-index: 1;
|
517 | }
|
518 | .ant-input-group.ant-input-group-compact > .ant-select-focused {
|
519 | z-index: 1;
|
520 | }
|
521 | .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
|
522 | z-index: 1;
|
523 | }
|
524 | .ant-input-group.ant-input-group-compact > *:first-child,
|
525 | .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
|
526 | .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
|
527 | .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
|
528 | border-top-left-radius: 2px;
|
529 | border-bottom-left-radius: 2px;
|
530 | }
|
531 | .ant-input-group.ant-input-group-compact > *:last-child,
|
532 | .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
|
533 | .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
|
534 | .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
|
535 | border-right-width: 1px;
|
536 | border-top-right-radius: 2px;
|
537 | border-bottom-right-radius: 2px;
|
538 | }
|
539 | .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
|
540 | vertical-align: top;
|
541 | }
|
542 | .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
|
543 | margin-left: -1px;
|
544 | }
|
545 | .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
|
546 | border-radius: 0;
|
547 | }
|
548 | .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
|
549 | border-radius: 0;
|
550 | }
|
551 | .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
|
552 | border-radius: 2px 0 0 2px;
|
553 | }
|
554 | .ant-input-group > .ant-input-rtl:first-child,
|
555 | .ant-input-group-rtl .ant-input-group-addon:first-child {
|
556 | border-radius: 0 2px 2px 0;
|
557 | }
|
558 | .ant-input-group-rtl .ant-input-group-addon:first-child {
|
559 | border-right: 1px solid #d9d9d9;
|
560 | border-left: 0;
|
561 | }
|
562 | .ant-input-group-rtl .ant-input-group-addon:last-child {
|
563 | border-right: 0;
|
564 | border-left: 1px solid #d9d9d9;
|
565 | }
|
566 | .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
|
567 | .ant-input-group-rtl.ant-input-group-addon:last-child {
|
568 | border-radius: 2px 0 0 2px;
|
569 | }
|
570 | .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
|
571 | border-radius: 2px 0 0 2px;
|
572 | }
|
573 | .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
|
574 | border-radius: 0 2px 2px 0;
|
575 | }
|
576 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
|
577 | margin-right: 0;
|
578 | margin-left: -1px;
|
579 | border-left-width: 1px;
|
580 | }
|
581 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
|
582 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
|
583 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
|
584 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
|
585 | border-radius: 0 2px 2px 0;
|
586 | }
|
587 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
|
588 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
|
589 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
|
590 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
|
591 | .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
|
592 | border-left-width: 1px;
|
593 | border-radius: 2px 0 0 2px;
|
594 | }
|
595 | .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
|
596 | margin-right: -1px;
|
597 | margin-left: 0;
|
598 | }
|
599 | .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
|
600 | border-radius: 0 2px 2px 0;
|
601 | }
|
602 | .ant-input-group-wrapper {
|
603 | display: inline-block;
|
604 | width: 100%;
|
605 | text-align: start;
|
606 | vertical-align: top;
|
607 | }
|
608 | .ant-input-password-icon {
|
609 | color: rgba(0, 0, 0, 0.45);
|
610 | cursor: pointer;
|
611 | transition: all 0.3s;
|
612 | }
|
613 | .ant-input-password-icon:hover {
|
614 | color: rgba(0, 0, 0, 0.85);
|
615 | }
|
616 | .ant-input[type='color'] {
|
617 | height: 32px;
|
618 | }
|
619 | .ant-input[type='color'].ant-input-lg {
|
620 | height: 40px;
|
621 | }
|
622 | .ant-input[type='color'].ant-input-sm {
|
623 | height: 24px;
|
624 | padding-top: 3px;
|
625 | padding-bottom: 3px;
|
626 | }
|
627 | .ant-input-textarea-show-count::after {
|
628 | float: right;
|
629 | color: rgba(0, 0, 0, 0.45);
|
630 | white-space: nowrap;
|
631 | content: attr(data-count);
|
632 | pointer-events: none;
|
633 | }
|
634 | .ant-input-search .ant-input:hover,
|
635 | .ant-input-search .ant-input:focus {
|
636 | border-color: #40a9ff;
|
637 | }
|
638 | .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
|
639 | .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
|
640 | border-left-color: #40a9ff;
|
641 | }
|
642 | .ant-input-search .ant-input-affix-wrapper {
|
643 | border-radius: 0;
|
644 | }
|
645 | .ant-input-search .ant-input-lg {
|
646 | line-height: 1.5713;
|
647 | }
|
648 | .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
|
649 | left: -1px;
|
650 | padding: 0;
|
651 | border: 0;
|
652 | }
|
653 | .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
|
654 | padding-top: 0;
|
655 | padding-bottom: 0;
|
656 | border-radius: 0 2px 2px 0;
|
657 | }
|
658 | .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
|
659 | color: rgba(0, 0, 0, 0.45);
|
660 | }
|
661 | .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
|
662 | top: 0;
|
663 | right: 0;
|
664 | bottom: 0;
|
665 | left: 0;
|
666 | }
|
667 | .ant-input-search-button {
|
668 | height: 32px;
|
669 | }
|
670 | .ant-input-search-button:hover,
|
671 | .ant-input-search-button:focus {
|
672 | z-index: 1;
|
673 | }
|
674 | .ant-input-search-large .ant-input-search-button {
|
675 | height: 40px;
|
676 | }
|
677 | .ant-input-search-small .ant-input-search-button {
|
678 | height: 24px;
|
679 | }
|
680 | .ant-input-group-wrapper-rtl {
|
681 | direction: rtl;
|
682 | }
|
683 | .ant-input-group-rtl {
|
684 | direction: rtl;
|
685 | }
|
686 | .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
|
687 | border: none;
|
688 | outline: none;
|
689 | }
|
690 | .ant-input-affix-wrapper-rtl .ant-input-prefix {
|
691 | margin: 0 0 0 4px;
|
692 | }
|
693 | .ant-input-affix-wrapper-rtl .ant-input-suffix {
|
694 | margin: 0 4px 0 0;
|
695 | }
|
696 | .ant-input-textarea-rtl {
|
697 | direction: rtl;
|
698 | }
|
699 | .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
|
700 | text-align: left;
|
701 | }
|
702 | .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
|
703 | margin-right: 0;
|
704 | margin-left: 4px;
|
705 | }
|
706 | .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
|
707 | right: auto;
|
708 | left: 8px;
|
709 | }
|
710 | .ant-input-search-rtl {
|
711 | direction: rtl;
|
712 | }
|
713 | .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
|
714 | .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
|
715 | border-right-color: #40a9ff;
|
716 | border-left-color: #d9d9d9;
|
717 | }
|
718 | .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
|
719 | .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
|
720 | border-right-color: #40a9ff;
|
721 | }
|
722 | .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
|
723 | right: -1px;
|
724 | left: auto;
|
725 | }
|
726 | .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
|
727 | border-radius: 2px 0 0 2px;
|
728 | }
|
729 | @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
730 | .ant-input {
|
731 | height: 32px;
|
732 | }
|
733 | .ant-input-lg {
|
734 | height: 40px;
|
735 | }
|
736 | .ant-input-sm {
|
737 | height: 24px;
|
738 | }
|
739 | .ant-input-affix-wrapper > input.ant-input {
|
740 | height: auto;
|
741 | }
|
742 | }
|