@syncfusion/ej2-dropdowns 33.2.7 → 33.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ej2-dropdowns.min.js +1 -10
- package/dist/ej2-dropdowns.umd.min.js +1 -10
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +25 -2
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +25 -2
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +1 -10
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/global/index.d.ts +0 -9
- package/package.json +2 -2
- package/src/drop-down-list/drop-down-list.js +3 -0
- package/src/mention/mention.js +5 -1
- package/src/multi-select/multi-select.d.ts +1 -0
- package/src/multi-select/multi-select.js +17 -1
- package/styles/drop-down-tree/_bigger.scss +25 -4
- package/styles/drop-down-tree/_layout.scss +18 -3
- package/styles/drop-down-tree/_material3-dark-definition.scss +2 -0
- package/styles/drop-down-tree/_material3-definition.scss +2 -0
- package/styles/drop-down-tree/_theme.scss +9 -1
- package/styles/drop-down-tree/material3-dark.css +244 -1
- package/styles/drop-down-tree/material3.css +244 -1
- package/styles/material3-dark-lite.css +106 -1
- package/styles/material3-dark.css +244 -1
- package/styles/material3-lite.css +106 -1
- package/styles/material3.css +244 -1
|
@@ -369,6 +369,108 @@
|
|
|
369
369
|
text-overflow: ellipsis;
|
|
370
370
|
white-space: nowrap;
|
|
371
371
|
}
|
|
372
|
+
.e-ddt.e-outline .e-overflow.e-show-text {
|
|
373
|
+
padding: 10px 12px 9px;
|
|
374
|
+
}
|
|
375
|
+
.e-ddt.e-outline .e-overflow.e-total-count {
|
|
376
|
+
padding: 10px 12px;
|
|
377
|
+
}
|
|
378
|
+
.e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
|
|
379
|
+
right: 30px;
|
|
380
|
+
}
|
|
381
|
+
.e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
|
|
382
|
+
min-height: 20px;
|
|
383
|
+
}
|
|
384
|
+
.e-ddt.e-outline.e-show-chip .e-overflow,
|
|
385
|
+
.e-ddt.e-outline.e-show-chip .e-chips-wrapper {
|
|
386
|
+
padding: 4px 12px;
|
|
387
|
+
}
|
|
388
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
|
|
389
|
+
line-height: 21px;
|
|
390
|
+
padding: 14px 2px 5px 0;
|
|
391
|
+
}
|
|
392
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
|
|
393
|
+
padding-top: 10px;
|
|
394
|
+
}
|
|
395
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
|
|
396
|
+
font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
|
|
397
|
+
}
|
|
398
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
|
|
399
|
+
padding-top: 8px;
|
|
400
|
+
}
|
|
401
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
|
|
402
|
+
bottom: 6px;
|
|
403
|
+
right: 0;
|
|
404
|
+
}
|
|
405
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
|
|
406
|
+
bottom: 5px;
|
|
407
|
+
right: 30px;
|
|
408
|
+
}
|
|
409
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
|
|
410
|
+
bottom: 9px;
|
|
411
|
+
right: 10px;
|
|
412
|
+
}
|
|
413
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
|
|
414
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
|
|
415
|
+
padding-top: 8px;
|
|
416
|
+
}
|
|
417
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
|
|
418
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
|
|
419
|
+
height: 18px;
|
|
420
|
+
}
|
|
421
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
422
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
423
|
+
font-size: 12px;
|
|
424
|
+
padding: 0 4px 0 0;
|
|
425
|
+
}
|
|
426
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
427
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
|
|
428
|
+
font-size: 12px;
|
|
429
|
+
height: 12px;
|
|
430
|
+
width: 12px;
|
|
431
|
+
}
|
|
432
|
+
.e-ddt.e-filled .e-chips-wrapper .e-chips,
|
|
433
|
+
.e-ddt.e-filled .e-overflow .e-chips {
|
|
434
|
+
margin-top: 8px;
|
|
435
|
+
padding: 0 8px;
|
|
436
|
+
}
|
|
437
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
|
|
438
|
+
line-height: 39px;
|
|
439
|
+
padding: 0;
|
|
440
|
+
}
|
|
441
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
|
|
442
|
+
line-height: 39px;
|
|
443
|
+
padding-top: 0;
|
|
444
|
+
}
|
|
445
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
|
|
446
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
|
|
447
|
+
height: 28px;
|
|
448
|
+
margin-top: 8px;
|
|
449
|
+
padding: 0 8px;
|
|
450
|
+
}
|
|
451
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
452
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
453
|
+
font-size: 13px;
|
|
454
|
+
padding: 0 8px 0 0;
|
|
455
|
+
}
|
|
456
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
457
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
|
|
458
|
+
font-size: 14px;
|
|
459
|
+
height: 12px;
|
|
460
|
+
width: 12px;
|
|
461
|
+
}
|
|
462
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
|
|
463
|
+
bottom: 10px;
|
|
464
|
+
right: 10px;
|
|
465
|
+
}
|
|
466
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
|
|
467
|
+
bottom: 9px;
|
|
468
|
+
right: 38px;
|
|
469
|
+
}
|
|
470
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
|
|
471
|
+
bottom: 9px;
|
|
472
|
+
right: 10px;
|
|
473
|
+
}
|
|
372
474
|
.e-ddt .e-overflow {
|
|
373
475
|
white-space: nowrap;
|
|
374
476
|
}
|
|
@@ -650,8 +752,8 @@
|
|
|
650
752
|
|
|
651
753
|
.e-ddt .e-chips {
|
|
652
754
|
background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
|
|
653
|
-
border-color: rgba(var(--color-sf-outline));
|
|
654
755
|
border: 1px solid;
|
|
756
|
+
border-color: rgba(var(--color-sf-outline));
|
|
655
757
|
}
|
|
656
758
|
.e-ddt .e-chips .e-chips-close::before {
|
|
657
759
|
color: rgba(var(--color-sf-on-surface));
|
|
@@ -659,6 +761,9 @@
|
|
|
659
761
|
.e-ddt .e-chips > .e-chipcontent {
|
|
660
762
|
color: rgba(var(--color-sf-on-surface));
|
|
661
763
|
}
|
|
764
|
+
.e-ddt.e-filled .e-chips {
|
|
765
|
+
background: transparent;
|
|
766
|
+
}
|
|
662
767
|
.e-ddt .e-overflow .e-remain {
|
|
663
768
|
color: #757575;
|
|
664
769
|
}
|
|
@@ -783,6 +888,144 @@
|
|
|
783
888
|
.e-ddt.e-bigger .e-overflow.e-show-text {
|
|
784
889
|
padding: 8px 12px;
|
|
785
890
|
}
|
|
891
|
+
.e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
|
|
892
|
+
.e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
|
|
893
|
+
.e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
|
|
894
|
+
padding: 15px 16px;
|
|
895
|
+
}
|
|
896
|
+
.e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
|
|
897
|
+
.e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
|
|
898
|
+
.e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
|
|
899
|
+
right: 36px;
|
|
900
|
+
}
|
|
901
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow,
|
|
902
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow {
|
|
903
|
+
padding: 8px 15px;
|
|
904
|
+
}
|
|
905
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain,
|
|
906
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain {
|
|
907
|
+
padding-top: 10px;
|
|
908
|
+
}
|
|
909
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count,
|
|
910
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count {
|
|
911
|
+
padding-top: 10px;
|
|
912
|
+
}
|
|
913
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper,
|
|
914
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper {
|
|
915
|
+
padding: 8px 15px;
|
|
916
|
+
}
|
|
917
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
|
|
918
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
|
|
919
|
+
line-height: 30px;
|
|
920
|
+
padding: 19px 12px 0 0;
|
|
921
|
+
}
|
|
922
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count,
|
|
923
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
|
|
924
|
+
padding-top: 14px;
|
|
925
|
+
}
|
|
926
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top,
|
|
927
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
|
|
928
|
+
font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
|
|
929
|
+
top: 12px !important; /* stylelint-disable-line declaration-no-important */
|
|
930
|
+
}
|
|
931
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon,
|
|
932
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
|
|
933
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
|
|
934
|
+
padding-top: 8px;
|
|
935
|
+
}
|
|
936
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
|
|
937
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
|
|
938
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
|
|
939
|
+
padding: 0;
|
|
940
|
+
}
|
|
941
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
|
|
942
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
|
|
943
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
|
|
944
|
+
bottom: 0;
|
|
945
|
+
right: 30px;
|
|
946
|
+
}
|
|
947
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
|
|
948
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
|
|
949
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
|
|
950
|
+
bottom: 14px;
|
|
951
|
+
right: 12px;
|
|
952
|
+
}
|
|
953
|
+
.e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips,
|
|
954
|
+
.e-bigger .e-ddt.e-filled .e-overflow .e-chips,
|
|
955
|
+
.e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips,
|
|
956
|
+
.e-ddt.e-bigger.e-filled .e-overflow .e-chips {
|
|
957
|
+
margin-top: 8px;
|
|
958
|
+
padding: 0 8px;
|
|
959
|
+
}
|
|
960
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
|
|
961
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow,
|
|
962
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
|
|
963
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
|
|
964
|
+
padding-top: 19px;
|
|
965
|
+
}
|
|
966
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
|
|
967
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips,
|
|
968
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
|
|
969
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
|
|
970
|
+
height: 26px;
|
|
971
|
+
}
|
|
972
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
973
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent,
|
|
974
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
975
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
976
|
+
font-size: 13px;
|
|
977
|
+
}
|
|
978
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
979
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before,
|
|
980
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
981
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
|
|
982
|
+
font-size: 14px;
|
|
983
|
+
height: 14px;
|
|
984
|
+
width: 14px;
|
|
985
|
+
}
|
|
986
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text,
|
|
987
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
|
|
988
|
+
line-height: 55px;
|
|
989
|
+
}
|
|
990
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count,
|
|
991
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
|
|
992
|
+
line-height: 55px;
|
|
993
|
+
padding-top: 0;
|
|
994
|
+
}
|
|
995
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
|
|
996
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips,
|
|
997
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
|
|
998
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
|
|
999
|
+
height: 32px;
|
|
1000
|
+
padding: 0 12px;
|
|
1001
|
+
}
|
|
1002
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
1003
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent,
|
|
1004
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
1005
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
1006
|
+
font-size: 14px;
|
|
1007
|
+
}
|
|
1008
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
1009
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before,
|
|
1010
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
1011
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
|
|
1012
|
+
font-size: 16px;
|
|
1013
|
+
height: 16px;
|
|
1014
|
+
width: 16px;
|
|
1015
|
+
}
|
|
1016
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
|
|
1017
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
|
|
1018
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
|
|
1019
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
|
|
1020
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
|
|
1021
|
+
bottom: 16px;
|
|
1022
|
+
right: 12px;
|
|
1023
|
+
}
|
|
1024
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
|
|
1025
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
|
|
1026
|
+
bottom: 15px;
|
|
1027
|
+
right: 44px;
|
|
1028
|
+
}
|
|
786
1029
|
.e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
|
|
787
1030
|
.e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
|
|
788
1031
|
max-width: calc(100% - 37px);
|
|
@@ -1735,6 +1735,108 @@ ejs-dropdownlist {
|
|
|
1735
1735
|
text-overflow: ellipsis;
|
|
1736
1736
|
white-space: nowrap;
|
|
1737
1737
|
}
|
|
1738
|
+
.e-ddt.e-outline .e-overflow.e-show-text {
|
|
1739
|
+
padding: 10px 12px 9px;
|
|
1740
|
+
}
|
|
1741
|
+
.e-ddt.e-outline .e-overflow.e-total-count {
|
|
1742
|
+
padding: 10px 12px;
|
|
1743
|
+
}
|
|
1744
|
+
.e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
|
|
1745
|
+
right: 30px;
|
|
1746
|
+
}
|
|
1747
|
+
.e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
|
|
1748
|
+
min-height: 20px;
|
|
1749
|
+
}
|
|
1750
|
+
.e-ddt.e-outline.e-show-chip .e-overflow,
|
|
1751
|
+
.e-ddt.e-outline.e-show-chip .e-chips-wrapper {
|
|
1752
|
+
padding: 4px 12px;
|
|
1753
|
+
}
|
|
1754
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
|
|
1755
|
+
line-height: 21px;
|
|
1756
|
+
padding: 14px 2px 5px 0;
|
|
1757
|
+
}
|
|
1758
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
|
|
1759
|
+
padding-top: 10px;
|
|
1760
|
+
}
|
|
1761
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
|
|
1762
|
+
font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
|
|
1763
|
+
}
|
|
1764
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
|
|
1765
|
+
padding-top: 8px;
|
|
1766
|
+
}
|
|
1767
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
|
|
1768
|
+
bottom: 6px;
|
|
1769
|
+
right: 0;
|
|
1770
|
+
}
|
|
1771
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
|
|
1772
|
+
bottom: 5px;
|
|
1773
|
+
right: 30px;
|
|
1774
|
+
}
|
|
1775
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
|
|
1776
|
+
bottom: 9px;
|
|
1777
|
+
right: 10px;
|
|
1778
|
+
}
|
|
1779
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
|
|
1780
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
|
|
1781
|
+
padding-top: 8px;
|
|
1782
|
+
}
|
|
1783
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
|
|
1784
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
|
|
1785
|
+
height: 18px;
|
|
1786
|
+
}
|
|
1787
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
1788
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
1789
|
+
font-size: 12px;
|
|
1790
|
+
padding: 0 4px 0 0;
|
|
1791
|
+
}
|
|
1792
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
1793
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
|
|
1794
|
+
font-size: 12px;
|
|
1795
|
+
height: 12px;
|
|
1796
|
+
width: 12px;
|
|
1797
|
+
}
|
|
1798
|
+
.e-ddt.e-filled .e-chips-wrapper .e-chips,
|
|
1799
|
+
.e-ddt.e-filled .e-overflow .e-chips {
|
|
1800
|
+
margin-top: 8px;
|
|
1801
|
+
padding: 0 8px;
|
|
1802
|
+
}
|
|
1803
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
|
|
1804
|
+
line-height: 39px;
|
|
1805
|
+
padding: 0;
|
|
1806
|
+
}
|
|
1807
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
|
|
1808
|
+
line-height: 39px;
|
|
1809
|
+
padding-top: 0;
|
|
1810
|
+
}
|
|
1811
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
|
|
1812
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
|
|
1813
|
+
height: 28px;
|
|
1814
|
+
margin-top: 8px;
|
|
1815
|
+
padding: 0 8px;
|
|
1816
|
+
}
|
|
1817
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
1818
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
1819
|
+
font-size: 13px;
|
|
1820
|
+
padding: 0 8px 0 0;
|
|
1821
|
+
}
|
|
1822
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
1823
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
|
|
1824
|
+
font-size: 14px;
|
|
1825
|
+
height: 12px;
|
|
1826
|
+
width: 12px;
|
|
1827
|
+
}
|
|
1828
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
|
|
1829
|
+
bottom: 10px;
|
|
1830
|
+
right: 10px;
|
|
1831
|
+
}
|
|
1832
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
|
|
1833
|
+
bottom: 9px;
|
|
1834
|
+
right: 38px;
|
|
1835
|
+
}
|
|
1836
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
|
|
1837
|
+
bottom: 9px;
|
|
1838
|
+
right: 10px;
|
|
1839
|
+
}
|
|
1738
1840
|
.e-ddt .e-overflow {
|
|
1739
1841
|
white-space: nowrap;
|
|
1740
1842
|
}
|
|
@@ -2014,8 +2116,8 @@ ejs-dropdownlist {
|
|
|
2014
2116
|
/* 16px */
|
|
2015
2117
|
.e-ddt .e-chips {
|
|
2016
2118
|
background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
|
|
2017
|
-
border-color: rgba(var(--color-sf-outline));
|
|
2018
2119
|
border: 1px solid;
|
|
2120
|
+
border-color: rgba(var(--color-sf-outline));
|
|
2019
2121
|
}
|
|
2020
2122
|
.e-ddt .e-chips .e-chips-close::before {
|
|
2021
2123
|
color: rgba(var(--color-sf-on-surface));
|
|
@@ -2023,6 +2125,9 @@ ejs-dropdownlist {
|
|
|
2023
2125
|
.e-ddt .e-chips > .e-chipcontent {
|
|
2024
2126
|
color: rgba(var(--color-sf-on-surface));
|
|
2025
2127
|
}
|
|
2128
|
+
.e-ddt.e-filled .e-chips {
|
|
2129
|
+
background: transparent;
|
|
2130
|
+
}
|
|
2026
2131
|
.e-ddt .e-overflow .e-remain {
|
|
2027
2132
|
color: #757575;
|
|
2028
2133
|
}
|
|
@@ -2187,6 +2187,108 @@ ejs-dropdownlist {
|
|
|
2187
2187
|
text-overflow: ellipsis;
|
|
2188
2188
|
white-space: nowrap;
|
|
2189
2189
|
}
|
|
2190
|
+
.e-ddt.e-outline .e-overflow.e-show-text {
|
|
2191
|
+
padding: 10px 12px 9px;
|
|
2192
|
+
}
|
|
2193
|
+
.e-ddt.e-outline .e-overflow.e-total-count {
|
|
2194
|
+
padding: 10px 12px;
|
|
2195
|
+
}
|
|
2196
|
+
.e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
|
|
2197
|
+
right: 30px;
|
|
2198
|
+
}
|
|
2199
|
+
.e-ddt.e-outline.e-input-group.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon, .e-ddt.e-outline.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon.e-input-focus .e-clear-icon {
|
|
2200
|
+
min-height: 20px;
|
|
2201
|
+
}
|
|
2202
|
+
.e-ddt.e-outline.e-show-chip .e-overflow,
|
|
2203
|
+
.e-ddt.e-outline.e-show-chip .e-chips-wrapper {
|
|
2204
|
+
padding: 4px 12px;
|
|
2205
|
+
}
|
|
2206
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
|
|
2207
|
+
line-height: 21px;
|
|
2208
|
+
padding: 14px 2px 5px 0;
|
|
2209
|
+
}
|
|
2210
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
|
|
2211
|
+
padding-top: 10px;
|
|
2212
|
+
}
|
|
2213
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
|
|
2214
|
+
font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
|
|
2215
|
+
}
|
|
2216
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
|
|
2217
|
+
padding-top: 8px;
|
|
2218
|
+
}
|
|
2219
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
|
|
2220
|
+
bottom: 6px;
|
|
2221
|
+
right: 0;
|
|
2222
|
+
}
|
|
2223
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
|
|
2224
|
+
bottom: 5px;
|
|
2225
|
+
right: 30px;
|
|
2226
|
+
}
|
|
2227
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
|
|
2228
|
+
bottom: 9px;
|
|
2229
|
+
right: 10px;
|
|
2230
|
+
}
|
|
2231
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
|
|
2232
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
|
|
2233
|
+
padding-top: 8px;
|
|
2234
|
+
}
|
|
2235
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
|
|
2236
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
|
|
2237
|
+
height: 18px;
|
|
2238
|
+
}
|
|
2239
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
2240
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
2241
|
+
font-size: 12px;
|
|
2242
|
+
padding: 0 4px 0 0;
|
|
2243
|
+
}
|
|
2244
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
2245
|
+
.e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
|
|
2246
|
+
font-size: 12px;
|
|
2247
|
+
height: 12px;
|
|
2248
|
+
width: 12px;
|
|
2249
|
+
}
|
|
2250
|
+
.e-ddt.e-filled .e-chips-wrapper .e-chips,
|
|
2251
|
+
.e-ddt.e-filled .e-overflow .e-chips {
|
|
2252
|
+
margin-top: 8px;
|
|
2253
|
+
padding: 0 8px;
|
|
2254
|
+
}
|
|
2255
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
|
|
2256
|
+
line-height: 39px;
|
|
2257
|
+
padding: 0;
|
|
2258
|
+
}
|
|
2259
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
|
|
2260
|
+
line-height: 39px;
|
|
2261
|
+
padding-top: 0;
|
|
2262
|
+
}
|
|
2263
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
|
|
2264
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
|
|
2265
|
+
height: 28px;
|
|
2266
|
+
margin-top: 8px;
|
|
2267
|
+
padding: 0 8px;
|
|
2268
|
+
}
|
|
2269
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
2270
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
2271
|
+
font-size: 13px;
|
|
2272
|
+
padding: 0 8px 0 0;
|
|
2273
|
+
}
|
|
2274
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
2275
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
|
|
2276
|
+
font-size: 14px;
|
|
2277
|
+
height: 12px;
|
|
2278
|
+
width: 12px;
|
|
2279
|
+
}
|
|
2280
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon {
|
|
2281
|
+
bottom: 10px;
|
|
2282
|
+
right: 10px;
|
|
2283
|
+
}
|
|
2284
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
|
|
2285
|
+
bottom: 9px;
|
|
2286
|
+
right: 38px;
|
|
2287
|
+
}
|
|
2288
|
+
.e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-show-dd-icon) .e-clear-icon {
|
|
2289
|
+
bottom: 9px;
|
|
2290
|
+
right: 10px;
|
|
2291
|
+
}
|
|
2190
2292
|
.e-ddt .e-overflow {
|
|
2191
2293
|
white-space: nowrap;
|
|
2192
2294
|
}
|
|
@@ -2466,8 +2568,8 @@ ejs-dropdownlist {
|
|
|
2466
2568
|
/* 16px */
|
|
2467
2569
|
.e-ddt .e-chips {
|
|
2468
2570
|
background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
|
|
2469
|
-
border-color: rgba(var(--color-sf-outline));
|
|
2470
2571
|
border: 1px solid;
|
|
2572
|
+
border-color: rgba(var(--color-sf-outline));
|
|
2471
2573
|
}
|
|
2472
2574
|
.e-ddt .e-chips .e-chips-close::before {
|
|
2473
2575
|
color: rgba(var(--color-sf-on-surface));
|
|
@@ -2475,6 +2577,9 @@ ejs-dropdownlist {
|
|
|
2475
2577
|
.e-ddt .e-chips > .e-chipcontent {
|
|
2476
2578
|
color: rgba(var(--color-sf-on-surface));
|
|
2477
2579
|
}
|
|
2580
|
+
.e-ddt.e-filled .e-chips {
|
|
2581
|
+
background: transparent;
|
|
2582
|
+
}
|
|
2478
2583
|
.e-ddt .e-overflow .e-remain {
|
|
2479
2584
|
color: #757575;
|
|
2480
2585
|
}
|
|
@@ -2597,6 +2702,144 @@ ejs-dropdownlist {
|
|
|
2597
2702
|
.e-ddt.e-bigger .e-overflow.e-show-text {
|
|
2598
2703
|
padding: 8px 12px;
|
|
2599
2704
|
}
|
|
2705
|
+
.e-bigger .e-ddt.e-outline .e-overflow.e-show-text, .e-bigger .e-ddt.e-outline .e-overflow.e-total-count,
|
|
2706
|
+
.e-ddt.e-bigger.e-outline .e-overflow.e-show-text,
|
|
2707
|
+
.e-ddt.e-bigger.e-outline .e-overflow.e-total-count {
|
|
2708
|
+
padding: 15px 16px;
|
|
2709
|
+
}
|
|
2710
|
+
.e-bigger .e-ddt.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon,
|
|
2711
|
+
.e-ddt.e-bigger.e-outline.e-input-group.e-control-wrapper.e-show-dd-icon .e-clear-icon,
|
|
2712
|
+
.e-ddt.e-bigger.e-outline.e-float-input.e-control-wrapper.e-show-dd-icon .e-clear-icon {
|
|
2713
|
+
right: 36px;
|
|
2714
|
+
}
|
|
2715
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow,
|
|
2716
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow {
|
|
2717
|
+
padding: 8px 15px;
|
|
2718
|
+
}
|
|
2719
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow.e-total-count .e-remain,
|
|
2720
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow.e-total-count .e-remain {
|
|
2721
|
+
padding-top: 10px;
|
|
2722
|
+
}
|
|
2723
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count,
|
|
2724
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-overflow .e-remain.e-wrap-count {
|
|
2725
|
+
padding-top: 10px;
|
|
2726
|
+
}
|
|
2727
|
+
.e-bigger .e-ddt.e-outline.e-show-chip .e-chips-wrapper,
|
|
2728
|
+
.e-ddt.e-bigger.e-outline.e-show-chip .e-chips-wrapper {
|
|
2729
|
+
padding: 8px 15px;
|
|
2730
|
+
}
|
|
2731
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text,
|
|
2732
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow.e-show-text {
|
|
2733
|
+
line-height: 30px;
|
|
2734
|
+
padding: 19px 12px 0 0;
|
|
2735
|
+
}
|
|
2736
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count,
|
|
2737
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-overflow .e-remain.e-wrap-count {
|
|
2738
|
+
padding-top: 14px;
|
|
2739
|
+
}
|
|
2740
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top,
|
|
2741
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper .e-float-text.e-label-top {
|
|
2742
|
+
font-size: 12px !important; /* stylelint-disable-line declaration-no-important */
|
|
2743
|
+
top: 12px !important; /* stylelint-disable-line declaration-no-important */
|
|
2744
|
+
}
|
|
2745
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon,
|
|
2746
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip) .e-ddt-icon,
|
|
2747
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-show-chip).e-show-dd-icon .e-clear-icon {
|
|
2748
|
+
padding-top: 8px;
|
|
2749
|
+
}
|
|
2750
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
|
|
2751
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
|
|
2752
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
|
|
2753
|
+
padding: 0;
|
|
2754
|
+
}
|
|
2755
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
|
|
2756
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
|
|
2757
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
|
|
2758
|
+
bottom: 0;
|
|
2759
|
+
right: 30px;
|
|
2760
|
+
}
|
|
2761
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
|
|
2762
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
|
|
2763
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-text:not(.e-show-dd-icon) .e-clear-icon {
|
|
2764
|
+
bottom: 14px;
|
|
2765
|
+
right: 12px;
|
|
2766
|
+
}
|
|
2767
|
+
.e-bigger .e-ddt.e-filled .e-chips-wrapper .e-chips,
|
|
2768
|
+
.e-bigger .e-ddt.e-filled .e-overflow .e-chips,
|
|
2769
|
+
.e-ddt.e-bigger.e-filled .e-chips-wrapper .e-chips,
|
|
2770
|
+
.e-ddt.e-bigger.e-filled .e-overflow .e-chips {
|
|
2771
|
+
margin-top: 8px;
|
|
2772
|
+
padding: 0 8px;
|
|
2773
|
+
}
|
|
2774
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
|
|
2775
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow,
|
|
2776
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper,
|
|
2777
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow {
|
|
2778
|
+
padding-top: 19px;
|
|
2779
|
+
}
|
|
2780
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
|
|
2781
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips,
|
|
2782
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips,
|
|
2783
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips {
|
|
2784
|
+
height: 26px;
|
|
2785
|
+
}
|
|
2786
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
2787
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent,
|
|
2788
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
2789
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
2790
|
+
font-size: 13px;
|
|
2791
|
+
}
|
|
2792
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
2793
|
+
.e-bigger .e-ddt.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before,
|
|
2794
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
2795
|
+
.e-ddt.e-bigger.e-filled.e-float-input.e-control-wrapper.e-show-chip .e-overflow .e-chips-close::before {
|
|
2796
|
+
font-size: 14px;
|
|
2797
|
+
height: 14px;
|
|
2798
|
+
width: 14px;
|
|
2799
|
+
}
|
|
2800
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text,
|
|
2801
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow.e-show-text {
|
|
2802
|
+
line-height: 55px;
|
|
2803
|
+
}
|
|
2804
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count,
|
|
2805
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-overflow .e-remain.e-wrap-count {
|
|
2806
|
+
line-height: 55px;
|
|
2807
|
+
padding-top: 0;
|
|
2808
|
+
}
|
|
2809
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
|
|
2810
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips,
|
|
2811
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips,
|
|
2812
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips {
|
|
2813
|
+
height: 32px;
|
|
2814
|
+
padding: 0 12px;
|
|
2815
|
+
}
|
|
2816
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
2817
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent,
|
|
2818
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips > .e-chipcontent,
|
|
2819
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips > .e-chipcontent {
|
|
2820
|
+
font-size: 14px;
|
|
2821
|
+
}
|
|
2822
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
2823
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before,
|
|
2824
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-chips-wrapper .e-chips-close::before,
|
|
2825
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-chip .e-overflow .e-chips-close::before {
|
|
2826
|
+
font-size: 16px;
|
|
2827
|
+
height: 16px;
|
|
2828
|
+
width: 16px;
|
|
2829
|
+
}
|
|
2830
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon,
|
|
2831
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text .e-ddt-icon,
|
|
2832
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-text:not(.e-show-dd-icon) .e-clear-icon,
|
|
2833
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip .e-ddt-icon,
|
|
2834
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-show-dd-icon.e-show-chip:not(.e-show-dd-icon) .e-clear-icon {
|
|
2835
|
+
bottom: 16px;
|
|
2836
|
+
right: 12px;
|
|
2837
|
+
}
|
|
2838
|
+
.e-bigger .e-ddt.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon,
|
|
2839
|
+
.e-ddt.e-bigger.e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-clear-icon {
|
|
2840
|
+
bottom: 15px;
|
|
2841
|
+
right: 44px;
|
|
2842
|
+
}
|
|
2600
2843
|
.e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
|
|
2601
2844
|
.e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
|
|
2602
2845
|
max-width: calc(100% - 37px);
|