@syncfusion/ej2-vue-querybuilder 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 (20) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/ej2-vue-querybuilder.umd.min.js +2 -2
  3. package/dist/global/ej2-vue-querybuilder.min.js +2 -2
  4. package/package.json +14 -8
  5. package/styles/bootstrap5-dark.css +10 -26
  6. package/styles/bootstrap5.css +10 -26
  7. package/styles/query-builder/bootstrap5-dark.css +10 -26
  8. package/styles/query-builder/bootstrap5.css +10 -26
  9. package/styles/query-builder/tailwind-dark.css +73 -19
  10. package/styles/query-builder/tailwind.css +72 -18
  11. package/styles/tailwind-dark.css +73 -19
  12. package/styles/tailwind.css +72 -18
  13. package/styles/fluent-dark.css +0 -980
  14. package/styles/fluent-dark.scss +0 -1
  15. package/styles/fluent.css +0 -980
  16. package/styles/fluent.scss +0 -1
  17. package/styles/query-builder/fluent-dark.css +0 -980
  18. package/styles/query-builder/fluent-dark.scss +0 -1
  19. package/styles/query-builder/fluent.css +0 -980
  20. package/styles/query-builder/fluent.scss +0 -1
package/styles/query-builder/tailwind-dark.css CHANGED
@@ -54,7 +54,6 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
- padding: 4px 0;
58
57
  }
59
58
 
60
59
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -79,6 +78,24 @@
79
78
  background-color: #374151;
80
79
  }
81
80
 
81
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
+ margin: 0;
83
+ min-height: 12px;
84
+ min-width: 12px;
85
+ padding: 6px;
86
+ }
87
+
88
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
+ min-height: 16px;
91
+ min-width: 16px;
92
+ }
93
+
94
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
+ padding: 8px 16px 8px 0;
97
+ }
98
+
82
99
  .e-input-group.e-ddl,
83
100
  .e-input-group.e-ddl .e-input,
84
101
  .e-input-group.e-ddl .e-ddl-icon {
@@ -90,6 +107,45 @@
90
107
  border-bottom-width: 0;
91
108
  }
92
109
 
110
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
+ margin: 0;
117
+ }
118
+
119
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
+ padding: 5px 5px 5px 12px;
126
+ }
127
+
128
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
+ min-height: 18px;
136
+ min-width: 18px;
137
+ }
138
+
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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .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-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
+ padding: 8px 16px;
147
+ }
148
+
93
149
  .e-ddl.e-popup.e-outline .e-filter-parent {
94
150
  padding: 4px 8px;
95
151
  }
@@ -107,7 +163,7 @@
107
163
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
108
164
  border-left-width: 0;
109
165
  border-radius: 4px 0 0 4px;
110
- border-right-width: 0;
166
+ border-right-width: 1px;
111
167
  }
112
168
 
113
169
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -116,8 +172,8 @@
116
172
  }
117
173
 
118
174
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
119
- height: 28px;
120
- width: 28px;
175
+ height: 24px;
176
+ width: 24px;
121
177
  }
122
178
 
123
179
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -144,7 +200,7 @@
144
200
  }
145
201
 
146
202
  .e-query-builder .e-collapse-rule::before {
147
- content: '\e853';
203
+ content: '\e748';
148
204
  }
149
205
 
150
206
  .e-query-builder {
@@ -212,12 +268,11 @@
212
268
  .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
213
269
  margin-left: 0;
214
270
  margin-right: 12px;
215
- font-size: 20px;
216
271
  }
217
272
 
218
273
  .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
219
274
  margin-left: 0;
220
- margin-right: 12px;
275
+ margin-right: 8px;
221
276
  }
222
277
 
223
278
  .e-query-builder.e-rtl .e-group-body {
@@ -271,7 +326,7 @@
271
326
 
272
327
  .e-query-builder .e-rule-list > ::after,
273
328
  .e-query-builder .e-rule-list > ::before {
274
- border-style: dotted;
329
+ border-style: dashed;
275
330
  content: '';
276
331
  left: -12px;
277
332
  position: absolute;
@@ -445,8 +500,8 @@
445
500
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
446
501
  border-top-left-radius: 0;
447
502
  border-top-right-radius: 0;
448
- border-top-style: dotted;
449
- border-top-width: 2px;
503
+ border-top-style: dashed;
504
+ border-top-width: 1px;
450
505
  margin-top: 0;
451
506
  }
452
507
 
@@ -455,12 +510,12 @@
455
510
  }
456
511
 
457
512
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
458
- padding: 12px 0 12px 12px;
513
+ padding: 8px 0 8px 8px;
459
514
  width: auto;
460
515
  }
461
516
 
462
517
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
463
- padding: 12px 0 12px 12px;
518
+ padding: 8px 0 8px 8px;
464
519
  width: auto;
465
520
  }
466
521
 
@@ -486,7 +541,7 @@
486
541
 
487
542
  .e-query-builder .e-group-body .e-rule-container .e-operator,
488
543
  .e-query-builder .e-group-body .e-rule-container .e-value {
489
- padding: 12px 0 12px 12px;
544
+ padding: 8px 0 8px 8px;
490
545
  }
491
546
 
492
547
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -496,7 +551,7 @@
496
551
 
497
552
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
498
553
  display: inline-block;
499
- margin-left: 12px;
554
+ margin-left: 8px;
500
555
  }
501
556
 
502
557
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
@@ -572,7 +627,7 @@
572
627
  }
573
628
 
574
629
  .e-query-builder .e-delete-icon::before {
575
- content: "";
630
+ content: "";
576
631
  }
577
632
 
578
633
  .e-query-builder .e-edit-rule.e-btn.e-small {
@@ -649,7 +704,7 @@
649
704
  .e-addrule.e-add-icon::before,
650
705
  .e-addgroup.e-add-icon::before,
651
706
  .e-query-builder .e-add-icon::before {
652
- content: "";
707
+ content: "";
653
708
  }
654
709
 
655
710
  .e-query-builder.e-device .e-group-container,
@@ -686,7 +741,6 @@
686
741
  .e-bigger.e-query-builder .e-group-action .e-btn,
687
742
  .e-bigger .e-query-builder .e-group-action .e-btn {
688
743
  margin-left: 16px;
689
- font-size: 28px;
690
744
  }
691
745
 
692
746
  .e-query-builder.e-device .e-rule-list > :first-child::before,
@@ -754,7 +808,7 @@
754
808
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
755
809
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
756
810
  display: inline-block;
757
- margin-left: 16px;
811
+ margin-left: 10px;
758
812
  }
759
813
 
760
814
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -825,7 +879,7 @@
825
879
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
826
880
  *.e-bigger .e-group-body .e-rule-container .e-operator,
827
881
  *.e-bigger .e-group-body .e-rule-container .e-value {
828
- padding: 16px 0 16px 16px;
882
+ padding: 10px 0 10px 10px;
829
883
  }
830
884
 
831
885
  .e-query-builder {
package/styles/query-builder/tailwind.css CHANGED
@@ -54,7 +54,6 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
- padding: 4px 0;
58
57
  }
59
58
 
60
59
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -79,6 +78,24 @@
79
78
  background-color: #fff;
80
79
  }
81
80
 
81
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
+ margin: 0;
83
+ min-height: 12px;
84
+ min-width: 12px;
85
+ padding: 6px;
86
+ }
87
+
88
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
+ min-height: 16px;
91
+ min-width: 16px;
92
+ }
93
+
94
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
+ padding: 8px 16px 8px 0;
97
+ }
98
+
82
99
  .e-input-group.e-ddl,
83
100
  .e-input-group.e-ddl .e-input,
84
101
  .e-input-group.e-ddl .e-ddl-icon {
@@ -90,6 +107,45 @@
90
107
  border-bottom-width: 0;
91
108
  }
92
109
 
110
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
+ margin: 0;
117
+ }
118
+
119
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
+ padding: 5px 5px 5px 12px;
126
+ }
127
+
128
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
+ min-height: 18px;
136
+ min-width: 18px;
137
+ }
138
+
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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .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-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
+ padding: 8px 16px;
147
+ }
148
+
93
149
  .e-ddl.e-popup.e-outline .e-filter-parent {
94
150
  padding: 4px 8px;
95
151
  }
@@ -107,7 +163,7 @@
107
163
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
108
164
  border-left-width: 0;
109
165
  border-radius: 4px 0 0 4px;
110
- border-right-width: 0;
166
+ border-right-width: 1px;
111
167
  }
112
168
 
113
169
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -116,8 +172,8 @@
116
172
  }
117
173
 
118
174
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
119
- height: 28px;
120
- width: 28px;
175
+ height: 24px;
176
+ width: 24px;
121
177
  }
122
178
 
123
179
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -212,12 +268,11 @@
212
268
  .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
213
269
  margin-left: 0;
214
270
  margin-right: 12px;
215
- font-size: 20px;
216
271
  }
217
272
 
218
273
  .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
219
274
  margin-left: 0;
220
- margin-right: 12px;
275
+ margin-right: 8px;
221
276
  }
222
277
 
223
278
  .e-query-builder.e-rtl .e-group-body {
@@ -271,7 +326,7 @@
271
326
 
272
327
  .e-query-builder .e-rule-list > ::after,
273
328
  .e-query-builder .e-rule-list > ::before {
274
- border-style: dotted;
329
+ border-style: dashed;
275
330
  content: '';
276
331
  left: -12px;
277
332
  position: absolute;
@@ -445,8 +500,8 @@
445
500
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
446
501
  border-top-left-radius: 0;
447
502
  border-top-right-radius: 0;
448
- border-top-style: dotted;
449
- border-top-width: 2px;
503
+ border-top-style: dashed;
504
+ border-top-width: 1px;
450
505
  margin-top: 0;
451
506
  }
452
507
 
@@ -455,12 +510,12 @@
455
510
  }
456
511
 
457
512
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
458
- padding: 12px 0 12px 12px;
513
+ padding: 8px 0 8px 8px;
459
514
  width: auto;
460
515
  }
461
516
 
462
517
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
463
- padding: 12px 0 12px 12px;
518
+ padding: 8px 0 8px 8px;
464
519
  width: auto;
465
520
  }
466
521
 
@@ -486,7 +541,7 @@
486
541
 
487
542
  .e-query-builder .e-group-body .e-rule-container .e-operator,
488
543
  .e-query-builder .e-group-body .e-rule-container .e-value {
489
- padding: 12px 0 12px 12px;
544
+ padding: 8px 0 8px 8px;
490
545
  }
491
546
 
492
547
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -496,7 +551,7 @@
496
551
 
497
552
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
498
553
  display: inline-block;
499
- margin-left: 12px;
554
+ margin-left: 8px;
500
555
  }
501
556
 
502
557
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
@@ -572,7 +627,7 @@
572
627
  }
573
628
 
574
629
  .e-query-builder .e-delete-icon::before {
575
- content: "";
630
+ content: "";
576
631
  }
577
632
 
578
633
  .e-query-builder .e-edit-rule.e-btn.e-small {
@@ -649,7 +704,7 @@
649
704
  .e-addrule.e-add-icon::before,
650
705
  .e-addgroup.e-add-icon::before,
651
706
  .e-query-builder .e-add-icon::before {
652
- content: "";
707
+ content: "";
653
708
  }
654
709
 
655
710
  .e-query-builder.e-device .e-group-container,
@@ -686,7 +741,6 @@
686
741
  .e-bigger.e-query-builder .e-group-action .e-btn,
687
742
  .e-bigger .e-query-builder .e-group-action .e-btn {
688
743
  margin-left: 16px;
689
- font-size: 28px;
690
744
  }
691
745
 
692
746
  .e-query-builder.e-device .e-rule-list > :first-child::before,
@@ -754,7 +808,7 @@
754
808
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
755
809
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
756
810
  display: inline-block;
757
- margin-left: 16px;
811
+ margin-left: 10px;
758
812
  }
759
813
 
760
814
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -825,7 +879,7 @@
825
879
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
826
880
  *.e-bigger .e-group-body .e-rule-container .e-operator,
827
881
  *.e-bigger .e-group-body .e-rule-container .e-value {
828
- padding: 16px 0 16px 16px;
882
+ padding: 10px 0 10px 10px;
829
883
  }
830
884
 
831
885
  .e-query-builder {
package/styles/tailwind-dark.css CHANGED
@@ -54,7 +54,6 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
- padding: 4px 0;
58
57
  }
59
58
 
60
59
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -79,6 +78,24 @@
79
78
  background-color: #374151;
80
79
  }
81
80
 
81
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
+ margin: 0;
83
+ min-height: 12px;
84
+ min-width: 12px;
85
+ padding: 6px;
86
+ }
87
+
88
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
+ min-height: 16px;
91
+ min-width: 16px;
92
+ }
93
+
94
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
+ padding: 8px 16px 8px 0;
97
+ }
98
+
82
99
  .e-input-group.e-ddl,
83
100
  .e-input-group.e-ddl .e-input,
84
101
  .e-input-group.e-ddl .e-ddl-icon {
@@ -90,6 +107,45 @@
90
107
  border-bottom-width: 0;
91
108
  }
92
109
 
110
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
+ margin: 0;
117
+ }
118
+
119
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
+ padding: 5px 5px 5px 12px;
126
+ }
127
+
128
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
+ .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
+ min-height: 18px;
136
+ min-width: 18px;
137
+ }
138
+
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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .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-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .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-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
+ padding: 8px 16px;
147
+ }
148
+
93
149
  .e-ddl.e-popup.e-outline .e-filter-parent {
94
150
  padding: 4px 8px;
95
151
  }
@@ -107,7 +163,7 @@
107
163
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
108
164
  border-left-width: 0;
109
165
  border-radius: 4px 0 0 4px;
110
- border-right-width: 0;
166
+ border-right-width: 1px;
111
167
  }
112
168
 
113
169
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -116,8 +172,8 @@
116
172
  }
117
173
 
118
174
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
119
- height: 28px;
120
- width: 28px;
175
+ height: 24px;
176
+ width: 24px;
121
177
  }
122
178
 
123
179
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -144,7 +200,7 @@
144
200
  }
145
201
 
146
202
  .e-query-builder .e-collapse-rule::before {
147
- content: '\e853';
203
+ content: '\e748';
148
204
  }
149
205
 
150
206
  .e-query-builder {
@@ -212,12 +268,11 @@
212
268
  .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
213
269
  margin-left: 0;
214
270
  margin-right: 12px;
215
- font-size: 20px;
216
271
  }
217
272
 
218
273
  .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
219
274
  margin-left: 0;
220
- margin-right: 12px;
275
+ margin-right: 8px;
221
276
  }
222
277
 
223
278
  .e-query-builder.e-rtl .e-group-body {
@@ -271,7 +326,7 @@
271
326
 
272
327
  .e-query-builder .e-rule-list > ::after,
273
328
  .e-query-builder .e-rule-list > ::before {
274
- border-style: dotted;
329
+ border-style: dashed;
275
330
  content: '';
276
331
  left: -12px;
277
332
  position: absolute;
@@ -445,8 +500,8 @@
445
500
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
446
501
  border-top-left-radius: 0;
447
502
  border-top-right-radius: 0;
448
- border-top-style: dotted;
449
- border-top-width: 2px;
503
+ border-top-style: dashed;
504
+ border-top-width: 1px;
450
505
  margin-top: 0;
451
506
  }
452
507
 
@@ -455,12 +510,12 @@
455
510
  }
456
511
 
457
512
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
458
- padding: 12px 0 12px 12px;
513
+ padding: 8px 0 8px 8px;
459
514
  width: auto;
460
515
  }
461
516
 
462
517
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
463
- padding: 12px 0 12px 12px;
518
+ padding: 8px 0 8px 8px;
464
519
  width: auto;
465
520
  }
466
521
 
@@ -486,7 +541,7 @@
486
541
 
487
542
  .e-query-builder .e-group-body .e-rule-container .e-operator,
488
543
  .e-query-builder .e-group-body .e-rule-container .e-value {
489
- padding: 12px 0 12px 12px;
544
+ padding: 8px 0 8px 8px;
490
545
  }
491
546
 
492
547
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -496,7 +551,7 @@
496
551
 
497
552
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
498
553
  display: inline-block;
499
- margin-left: 12px;
554
+ margin-left: 8px;
500
555
  }
501
556
 
502
557
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
@@ -572,7 +627,7 @@
572
627
  }
573
628
 
574
629
  .e-query-builder .e-delete-icon::before {
575
- content: "";
630
+ content: "";
576
631
  }
577
632
 
578
633
  .e-query-builder .e-edit-rule.e-btn.e-small {
@@ -649,7 +704,7 @@
649
704
  .e-addrule.e-add-icon::before,
650
705
  .e-addgroup.e-add-icon::before,
651
706
  .e-query-builder .e-add-icon::before {
652
- content: "";
707
+ content: "";
653
708
  }
654
709
 
655
710
  .e-query-builder.e-device .e-group-container,
@@ -686,7 +741,6 @@
686
741
  .e-bigger.e-query-builder .e-group-action .e-btn,
687
742
  .e-bigger .e-query-builder .e-group-action .e-btn {
688
743
  margin-left: 16px;
689
- font-size: 28px;
690
744
  }
691
745
 
692
746
  .e-query-builder.e-device .e-rule-list > :first-child::before,
@@ -754,7 +808,7 @@
754
808
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
755
809
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
756
810
  display: inline-block;
757
- margin-left: 16px;
811
+ margin-left: 10px;
758
812
  }
759
813
 
760
814
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -825,7 +879,7 @@
825
879
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
826
880
  *.e-bigger .e-group-body .e-rule-container .e-operator,
827
881
  *.e-bigger .e-group-body .e-rule-container .e-value {
828
- padding: 16px 0 16px 16px;
882
+ padding: 10px 0 10px 10px;
829
883
  }
830
884
 
831
885
  .e-query-builder {