@syncfusion/ej2-vue-grids 20.1.47 → 20.1.48

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.
Files changed (72) hide show
  1. package/CHANGELOG.md +2 -6
  2. package/dist/ej2-vue-grids.umd.min.js +2 -2
  3. package/dist/global/ej2-vue-grids.min.js +2 -2
  4. package/package.json +14 -8
  5. package/styles/bootstrap-dark.css +15 -159
  6. package/styles/bootstrap.css +15 -159
  7. package/styles/bootstrap4.css +15 -159
  8. package/styles/bootstrap5-dark.css +171 -380
  9. package/styles/bootstrap5.css +171 -380
  10. package/styles/excel-filter/bootstrap-dark.css +0 -9
  11. package/styles/excel-filter/bootstrap.css +0 -9
  12. package/styles/excel-filter/bootstrap4.css +0 -9
  13. package/styles/excel-filter/bootstrap5-dark.css +0 -16
  14. package/styles/excel-filter/bootstrap5.css +0 -16
  15. package/styles/excel-filter/fabric-dark.css +0 -9
  16. package/styles/excel-filter/fabric.css +0 -9
  17. package/styles/excel-filter/highcontrast-light.css +1 -10
  18. package/styles/excel-filter/highcontrast.css +0 -9
  19. package/styles/excel-filter/material-dark.css +0 -9
  20. package/styles/excel-filter/material.css +0 -9
  21. package/styles/excel-filter/tailwind-dark.css +68 -21
  22. package/styles/excel-filter/tailwind.css +68 -21
  23. package/styles/fabric-dark.css +17 -161
  24. package/styles/fabric.css +17 -161
  25. package/styles/grid/bootstrap-dark.css +12 -90
  26. package/styles/grid/bootstrap.css +12 -90
  27. package/styles/grid/bootstrap4.css +12 -90
  28. package/styles/grid/bootstrap5-dark.css +116 -216
  29. package/styles/grid/bootstrap5.css +116 -216
  30. package/styles/grid/fabric-dark.css +12 -90
  31. package/styles/grid/fabric.css +12 -90
  32. package/styles/grid/highcontrast-light.css +12 -90
  33. package/styles/grid/highcontrast.css +12 -90
  34. package/styles/grid/material-dark.css +12 -90
  35. package/styles/grid/material.css +12 -90
  36. package/styles/grid/tailwind-dark.css +219 -364
  37. package/styles/grid/tailwind.css +220 -365
  38. package/styles/highcontrast-light.css +18 -162
  39. package/styles/highcontrast.css +17 -161
  40. package/styles/material-dark.css +15 -159
  41. package/styles/material.css +15 -159
  42. package/styles/pager/bootstrap-dark.css +3 -60
  43. package/styles/pager/bootstrap.css +3 -60
  44. package/styles/pager/bootstrap4.css +3 -60
  45. package/styles/pager/bootstrap5-dark.css +55 -155
  46. package/styles/pager/bootstrap5.css +55 -155
  47. package/styles/pager/fabric-dark.css +5 -62
  48. package/styles/pager/fabric.css +5 -62
  49. package/styles/pager/highcontrast-light.css +5 -62
  50. package/styles/pager/highcontrast.css +5 -62
  51. package/styles/pager/material-dark.css +3 -60
  52. package/styles/pager/material.css +3 -60
  53. package/styles/pager/tailwind-dark.css +58 -270
  54. package/styles/pager/tailwind.css +58 -270
  55. package/styles/tailwind-dark.css +288 -654
  56. package/styles/tailwind.css +289 -655
  57. package/styles/excel-filter/fluent-dark.css +0 -621
  58. package/styles/excel-filter/fluent-dark.scss +0 -1
  59. package/styles/excel-filter/fluent.css +0 -621
  60. package/styles/excel-filter/fluent.scss +0 -1
  61. package/styles/fluent-dark.css +0 -6340
  62. package/styles/fluent-dark.scss +0 -3
  63. package/styles/fluent.css +0 -6340
  64. package/styles/fluent.scss +0 -3
  65. package/styles/grid/fluent-dark.css +0 -4996
  66. package/styles/grid/fluent-dark.scss +0 -1
  67. package/styles/grid/fluent.css +0 -4996
  68. package/styles/grid/fluent.scss +0 -1
  69. package/styles/pager/fluent-dark.css +0 -854
  70. package/styles/pager/fluent-dark.scss +0 -1
  71. package/styles/pager/fluent.css +0 -854
  72. package/styles/pager/fluent.scss +0 -1
@@ -380,11 +380,6 @@
380
380
  margin-right: 0;
381
381
  }
382
382
 
383
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
384
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
385
- margin-left: 0;
386
- }
387
-
388
383
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
389
384
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
390
385
  padding-left: 9.75px;
@@ -519,10 +514,6 @@
519
514
  margin-right: 0;
520
515
  }
521
516
 
522
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
523
- margin-left: 0;
524
- }
525
-
526
517
  .e-excelfilter .e-footer-content {
527
518
  border-style: solid;
528
519
  border-width: 2px 0 0;
@@ -380,11 +380,6 @@
380
380
  margin-right: 0;
381
381
  }
382
382
 
383
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
384
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
385
- margin-left: 0;
386
- }
387
-
388
383
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
389
384
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
390
385
  padding-left: 9.75px;
@@ -519,10 +514,6 @@
519
514
  margin-right: 0;
520
515
  }
521
516
 
522
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
523
- margin-left: 0;
524
- }
525
-
526
517
  .e-excelfilter .e-footer-content {
527
518
  border-style: solid;
528
519
  border-width: 2px 0 0;
@@ -421,11 +421,6 @@
421
421
  margin-right: 0;
422
422
  }
423
423
 
424
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
425
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
426
- margin-left: 0;
427
- }
428
-
429
424
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
430
425
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
431
426
  padding-left: 7px;
@@ -560,10 +555,6 @@
560
555
  margin-right: 0;
561
556
  }
562
557
 
563
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
564
- margin-left: 0;
565
- }
566
-
567
558
  .e-excelfilter .e-footer-content {
568
559
  border-style: solid;
569
560
  border-width: 1px 0 0;
@@ -89,13 +89,6 @@
89
89
  color: #adb5bd;
90
90
  }
91
91
 
92
- .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
93
- .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
94
- .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
95
- .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
96
- background: #343a40;
97
- }
98
-
99
92
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
100
93
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
101
94
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -424,11 +417,6 @@
424
417
  margin-right: 6.2px;
425
418
  }
426
419
 
427
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
428
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
429
- margin-left: 6.2px;
430
- }
431
-
432
420
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
433
421
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
434
422
  padding-left: 7px;
@@ -563,10 +551,6 @@
563
551
  margin-right: 13px;
564
552
  }
565
553
 
566
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
567
- margin-left: 13px;
568
- }
569
-
570
554
  .e-excelfilter .e-footer-content {
571
555
  border-style: solid;
572
556
  border-width: 1px 0 0;
@@ -89,13 +89,6 @@
89
89
  color: #6c757d;
90
90
  }
91
91
 
92
- .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
93
- .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
94
- .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
95
- .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
96
- background: #e9ecef;
97
- }
98
-
99
92
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
100
93
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
101
94
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -424,11 +417,6 @@
424
417
  margin-right: 6.2px;
425
418
  }
426
419
 
427
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
428
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
429
- margin-left: 6.2px;
430
- }
431
-
432
420
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
433
421
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
434
422
  padding-left: 7px;
@@ -563,10 +551,6 @@
563
551
  margin-right: 13px;
564
552
  }
565
553
 
566
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
567
- margin-left: 13px;
568
- }
569
-
570
554
  .e-excelfilter .e-footer-content {
571
555
  border-style: solid;
572
556
  border-width: 1px 0 0;
@@ -354,11 +354,6 @@
354
354
  margin-right: 0;
355
355
  }
356
356
 
357
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
358
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
359
- margin-left: 0;
360
- }
361
-
362
357
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
363
358
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
364
359
  padding-left: 19.25px;
@@ -493,10 +488,6 @@
493
488
  margin-right: 0;
494
489
  }
495
490
 
496
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
497
- margin-left: 0;
498
- }
499
-
500
491
  .e-excelfilter .e-footer-content {
501
492
  border-style: solid;
502
493
  border-width: 0;
@@ -347,11 +347,6 @@
347
347
  margin-right: 0;
348
348
  }
349
349
 
350
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
351
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
352
- margin-left: 0;
353
- }
354
-
355
350
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
356
351
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
357
352
  padding-left: 19.25px;
@@ -486,10 +481,6 @@
486
481
  margin-right: 0;
487
482
  }
488
483
 
489
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
490
- margin-left: 0;
491
- }
492
-
493
484
  .e-excelfilter .e-footer-content {
494
485
  border-style: solid;
495
486
  border-width: 0;
@@ -364,11 +364,6 @@
364
364
  margin-right: 0;
365
365
  }
366
366
 
367
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
368
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
369
- margin-left: 0;
370
- }
371
-
372
367
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
373
368
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
374
369
  padding-left: 19.25px;
@@ -503,10 +498,6 @@
503
498
  margin-right: 0;
504
499
  }
505
500
 
506
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
507
- margin-left: 0;
508
- }
509
-
510
501
  .e-excelfilter .e-footer-content {
511
502
  border-style: solid;
512
503
  border-width: 0;
@@ -568,7 +559,7 @@
568
559
  }
569
560
 
570
561
  .e-excelfilter .e-dlg-content {
571
- padding-bottom: 24px;
562
+ padding-bottom: 0;
572
563
  }
573
564
 
574
565
  li.e-separator.e-menu-item.e-excel-separator {
@@ -364,11 +364,6 @@
364
364
  margin-right: 0;
365
365
  }
366
366
 
367
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
368
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
369
- margin-left: 0;
370
- }
371
-
372
367
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
373
368
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
374
369
  padding-left: 19.25px;
@@ -503,10 +498,6 @@
503
498
  margin-right: 0;
504
499
  }
505
500
 
506
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
507
- margin-left: 0;
508
- }
509
-
510
501
  .e-excelfilter .e-footer-content {
511
502
  border-style: solid;
512
503
  border-width: 0;
@@ -380,11 +380,6 @@
380
380
  margin-right: 0;
381
381
  }
382
382
 
383
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
384
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
385
- margin-left: 0;
386
- }
387
-
388
383
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
389
384
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
390
385
  padding-left: 11px;
@@ -519,10 +514,6 @@
519
514
  margin-right: 0;
520
515
  }
521
516
 
522
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
523
- margin-left: 0;
524
- }
525
-
526
517
  .e-excelfilter .e-footer-content {
527
518
  border-style: solid;
528
519
  border-width: 1px 0 0;
@@ -414,11 +414,6 @@
414
414
  margin-right: 0;
415
415
  }
416
416
 
417
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
418
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
419
- margin-left: 0;
420
- }
421
-
422
417
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
423
418
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
424
419
  padding-left: 11px;
@@ -553,10 +548,6 @@
553
548
  margin-right: 0;
554
549
  }
555
550
 
556
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
557
- margin-left: 0;
558
- }
559
-
560
551
  .e-excelfilter .e-footer-content {
561
552
  border-style: solid;
562
553
  border-width: 1px 0 0;
@@ -53,7 +53,6 @@
53
53
 
54
54
  .e-popup.e-ddl .e-dropdownbase {
55
55
  min-height: 26px;
56
- padding: 4px 0;
57
56
  }
58
57
 
59
58
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,6 +77,24 @@
78
77
  background-color: #374151;
79
78
  }
80
79
 
80
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
81
+ margin: 0;
82
+ min-height: 12px;
83
+ min-width: 12px;
84
+ padding: 6px;
85
+ }
86
+
87
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
88
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
89
+ min-height: 16px;
90
+ min-width: 16px;
91
+ }
92
+
93
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
94
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
95
+ padding: 8px 16px 8px 0;
96
+ }
97
+
81
98
  .e-input-group.e-ddl,
82
99
  .e-input-group.e-ddl .e-input,
83
100
  .e-input-group.e-ddl .e-ddl-icon {
@@ -89,6 +106,45 @@
89
106
  border-bottom-width: 0;
90
107
  }
91
108
 
109
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
110
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
111
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
113
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
114
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
115
+ margin: 0;
116
+ }
117
+
118
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
119
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
121
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
122
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
124
+ padding: 5px 5px 5px 12px;
125
+ }
126
+
127
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
128
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
130
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
132
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
134
+ min-height: 18px;
135
+ min-width: 18px;
136
+ }
137
+
138
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
139
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
141
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
143
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
145
+ padding: 8px 16px;
146
+ }
147
+
92
148
  .e-ddl.e-popup.e-outline .e-filter-parent {
93
149
  padding: 4px 8px;
94
150
  }
@@ -113,39 +169,39 @@
113
169
 
114
170
  /*! component icons */
115
171
  .e-icon-check::before {
116
- content: '\e774';
172
+ content: '\e75d';
117
173
  }
118
174
 
119
175
  .e-excelfilter .e-icon-filter::before {
120
- content: '\e7f7';
176
+ content: '\e71b';
121
177
  }
122
178
 
123
179
  .e-excelfilter .e-excl-filter-icon::before {
124
- content: '\e7f7';
180
+ content: '\e71b';
125
181
  }
126
182
 
127
183
  .e-excelfilter .e-excl-filter-icon.e-filtered::before {
128
- content: '\e72c';
184
+ content: '\e774';
129
185
  }
130
186
 
131
187
  .e-excelfilter .e-search-icon::before {
132
- content: '\e754';
188
+ content: '\e737';
133
189
  }
134
190
 
135
191
  .e-excelfilter .e-ccsearch-icon::before {
136
- content: '\e754';
192
+ content: '\e737';
137
193
  }
138
194
 
139
195
  .e-excelfilter .e-chkcancel-icon::before {
140
- content: '\e7e7';
196
+ content: '\e771';
141
197
  }
142
198
 
143
199
  .e-excelfilter .e-sortascending::before {
144
- content: '\e7a3';
200
+ content: '\e837';
145
201
  }
146
202
 
147
203
  .e-excelfilter .e-sortdescending::before {
148
- content: '\e7b6';
204
+ content: '\e84c';
149
205
  }
150
206
 
151
207
  /*! Excel-Filter layout */
@@ -362,12 +418,7 @@
362
418
  .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
363
419
  height: 40px;
364
420
  line-height: 40px;
365
- margin-right: 12px;
366
- }
367
-
368
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
369
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
370
- margin-left: 12px;
421
+ margin-right: 9px;
371
422
  }
372
423
 
373
424
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -501,11 +552,7 @@
501
552
  .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
502
553
  height: 36px;
503
554
  line-height: 36px;
504
- margin-right: 8px;
505
- }
506
-
507
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
508
- margin-left: 8px;
555
+ margin-right: 5px;
509
556
  }
510
557
 
511
558
  .e-excelfilter .e-footer-content {
@@ -53,7 +53,6 @@
53
53
 
54
54
  .e-popup.e-ddl .e-dropdownbase {
55
55
  min-height: 26px;
56
- padding: 4px 0;
57
56
  }
58
57
 
59
58
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,6 +77,24 @@
78
77
  background-color: #fff;
79
78
  }
80
79
 
80
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
81
+ margin: 0;
82
+ min-height: 12px;
83
+ min-width: 12px;
84
+ padding: 6px;
85
+ }
86
+
87
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
88
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
89
+ min-height: 16px;
90
+ min-width: 16px;
91
+ }
92
+
93
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
94
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
95
+ padding: 8px 16px 8px 0;
96
+ }
97
+
81
98
  .e-input-group.e-ddl,
82
99
  .e-input-group.e-ddl .e-input,
83
100
  .e-input-group.e-ddl .e-ddl-icon {
@@ -89,6 +106,45 @@
89
106
  border-bottom-width: 0;
90
107
  }
91
108
 
109
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
110
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
111
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
113
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
114
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
115
+ margin: 0;
116
+ }
117
+
118
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
119
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
121
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
122
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
124
+ padding: 5px 5px 5px 12px;
125
+ }
126
+
127
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
128
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
130
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
132
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
134
+ min-height: 18px;
135
+ min-width: 18px;
136
+ }
137
+
138
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
139
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
141
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
143
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
145
+ padding: 8px 16px;
146
+ }
147
+
92
148
  .e-ddl.e-popup.e-outline .e-filter-parent {
93
149
  padding: 4px 8px;
94
150
  }
@@ -113,39 +169,39 @@
113
169
 
114
170
  /*! component icons */
115
171
  .e-icon-check::before {
116
- content: '\e774';
172
+ content: '\e75d';
117
173
  }
118
174
 
119
175
  .e-excelfilter .e-icon-filter::before {
120
- content: '\e7f7';
176
+ content: '\e71b';
121
177
  }
122
178
 
123
179
  .e-excelfilter .e-excl-filter-icon::before {
124
- content: '\e7f7';
180
+ content: '\e71b';
125
181
  }
126
182
 
127
183
  .e-excelfilter .e-excl-filter-icon.e-filtered::before {
128
- content: '\e72c';
184
+ content: '\e774';
129
185
  }
130
186
 
131
187
  .e-excelfilter .e-search-icon::before {
132
- content: '\e754';
188
+ content: '\e737';
133
189
  }
134
190
 
135
191
  .e-excelfilter .e-ccsearch-icon::before {
136
- content: '\e754';
192
+ content: '\e737';
137
193
  }
138
194
 
139
195
  .e-excelfilter .e-chkcancel-icon::before {
140
- content: '\e7e7';
196
+ content: '\e771';
141
197
  }
142
198
 
143
199
  .e-excelfilter .e-sortascending::before {
144
- content: '\e7a3';
200
+ content: '\e837';
145
201
  }
146
202
 
147
203
  .e-excelfilter .e-sortdescending::before {
148
- content: '\e7b6';
204
+ content: '\e84c';
149
205
  }
150
206
 
151
207
  /*! Excel-Filter layout */
@@ -362,12 +418,7 @@
362
418
  .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
363
419
  height: 40px;
364
420
  line-height: 40px;
365
- margin-right: 12px;
366
- }
367
-
368
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
369
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
370
- margin-left: 12px;
421
+ margin-right: 9px;
371
422
  }
372
423
 
373
424
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -501,11 +552,7 @@
501
552
  .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
502
553
  height: 36px;
503
554
  line-height: 36px;
504
- margin-right: 8px;
505
- }
506
-
507
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
508
- margin-left: 8px;
555
+ margin-right: 5px;
509
556
  }
510
557
 
511
558
  .e-excelfilter .e-footer-content {