@syncfusion/ej2-react-inplace-editor 19.4.48 → 20.1.55

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 (38) hide show
  1. package/CHANGELOG.md +1 -10
  2. package/README.md +1 -1
  3. package/dist/ej2-react-inplace-editor.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +5 -0
  6. package/styles/bootstrap.css +5 -0
  7. package/styles/bootstrap4.css +5 -0
  8. package/styles/bootstrap5-dark.css +13 -6
  9. package/styles/bootstrap5.css +13 -6
  10. package/styles/fabric-dark.css +5 -0
  11. package/styles/fabric.css +5 -0
  12. package/styles/fluent-dark.css +874 -0
  13. package/styles/fluent-dark.scss +1 -0
  14. package/styles/fluent.css +874 -0
  15. package/styles/fluent.scss +1 -0
  16. package/styles/highcontrast-light.css +5 -0
  17. package/styles/highcontrast.css +5 -0
  18. package/styles/inplace-editor/bootstrap-dark.css +5 -0
  19. package/styles/inplace-editor/bootstrap.css +5 -0
  20. package/styles/inplace-editor/bootstrap4.css +5 -0
  21. package/styles/inplace-editor/bootstrap5-dark.css +13 -6
  22. package/styles/inplace-editor/bootstrap5.css +13 -6
  23. package/styles/inplace-editor/fabric-dark.css +5 -0
  24. package/styles/inplace-editor/fabric.css +5 -0
  25. package/styles/inplace-editor/fluent-dark.css +874 -0
  26. package/styles/inplace-editor/fluent-dark.scss +1 -0
  27. package/styles/inplace-editor/fluent.css +874 -0
  28. package/styles/inplace-editor/fluent.scss +1 -0
  29. package/styles/inplace-editor/highcontrast-light.css +5 -0
  30. package/styles/inplace-editor/highcontrast.css +5 -0
  31. package/styles/inplace-editor/material-dark.css +5 -0
  32. package/styles/inplace-editor/material.css +5 -0
  33. package/styles/inplace-editor/tailwind-dark.css +12 -67
  34. package/styles/inplace-editor/tailwind.css +12 -67
  35. package/styles/material-dark.css +5 -0
  36. package/styles/material.css +5 -0
  37. package/styles/tailwind-dark.css +12 -67
  38. package/styles/tailwind.css +12 -67
package/styles/inplace-editor/fluent.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-inplace-editor/styles/inplace-editor/fluent.scss';
package/styles/inplace-editor/highcontrast-light.css CHANGED
@@ -677,6 +677,11 @@
677
677
  transform: translateX(30%) translateY(-50%);
678
678
  }
679
679
 
680
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
681
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
682
+ padding: 0;
683
+ }
684
+
680
685
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
681
686
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
682
687
  padding: 12px;
package/styles/inplace-editor/highcontrast.css CHANGED
@@ -680,6 +680,11 @@
680
680
  transform: translateX(30%) translateY(-50%);
681
681
  }
682
682
 
683
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
684
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
685
+ padding: 0;
686
+ }
687
+
683
688
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
684
689
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
685
690
  padding: 12px;
package/styles/inplace-editor/material-dark.css CHANGED
@@ -576,6 +576,11 @@
576
576
  transform: translateX(30%) translateY(-50%);
577
577
  }
578
578
 
579
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
580
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
581
+ padding: 0;
582
+ }
583
+
579
584
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
580
585
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
581
586
  padding: 16px;
package/styles/inplace-editor/material.css CHANGED
@@ -628,6 +628,11 @@
628
628
  transform: translateX(30%) translateY(-50%);
629
629
  }
630
630
 
631
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
632
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
633
+ padding: 0;
634
+ }
635
+
631
636
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
632
637
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
633
638
  padding: 16px;
package/styles/inplace-editor/tailwind-dark.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #374151;
79
80
  }
80
81
 
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
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
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
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -202,17 +146,17 @@
202
146
  /*! inplaceeditor icons */
203
147
  .e-inplaceeditor .e-save-icon::before,
204
148
  .e-inplaceeditor-tip .e-save-icon::before {
205
- content: '\e75d';
149
+ content: '\e774';
206
150
  }
207
151
 
208
152
  .e-inplaceeditor .e-cancel-icon::before,
209
153
  .e-inplaceeditor-tip .e-cancel-icon::before {
210
- content: '\e771';
154
+ content: '\e7e7';
211
155
  }
212
156
 
213
157
  .e-inplaceeditor .e-editable-overlay-icon::before,
214
158
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
215
- content: '\e7d2';
159
+ content: '\e730';
216
160
  }
217
161
 
218
162
  /*! inplaceeditor layout */
@@ -637,6 +581,11 @@
637
581
  transform: translateX(30%) translateY(-50%);
638
582
  }
639
583
 
584
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
585
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
586
+ padding: 0;
587
+ }
588
+
640
589
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
590
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
591
  padding: 16px;
@@ -773,10 +722,6 @@
773
722
  border-radius: 4px;
774
723
  }
775
724
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
725
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
726
  min-height: 30px;
782
727
  }
package/styles/inplace-editor/tailwind.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #fff;
79
80
  }
80
81
 
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
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
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
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -202,17 +146,17 @@
202
146
  /*! inplaceeditor icons */
203
147
  .e-inplaceeditor .e-save-icon::before,
204
148
  .e-inplaceeditor-tip .e-save-icon::before {
205
- content: '\e75d';
149
+ content: '\e774';
206
150
  }
207
151
 
208
152
  .e-inplaceeditor .e-cancel-icon::before,
209
153
  .e-inplaceeditor-tip .e-cancel-icon::before {
210
- content: '\e771';
154
+ content: '\e7e7';
211
155
  }
212
156
 
213
157
  .e-inplaceeditor .e-editable-overlay-icon::before,
214
158
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
215
- content: '\e7d2';
159
+ content: '\e730';
216
160
  }
217
161
 
218
162
  /*! inplaceeditor layout */
@@ -637,6 +581,11 @@
637
581
  transform: translateX(30%) translateY(-50%);
638
582
  }
639
583
 
584
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
585
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
586
+ padding: 0;
587
+ }
588
+
640
589
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
590
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
591
  padding: 16px;
@@ -773,10 +722,6 @@
773
722
  border-radius: 4px;
774
723
  }
775
724
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
725
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
726
  min-height: 30px;
782
727
  }
package/styles/material-dark.css CHANGED
@@ -576,6 +576,11 @@
576
576
  transform: translateX(30%) translateY(-50%);
577
577
  }
578
578
 
579
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
580
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
581
+ padding: 0;
582
+ }
583
+
579
584
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
580
585
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
581
586
  padding: 16px;
package/styles/material.css CHANGED
@@ -628,6 +628,11 @@
628
628
  transform: translateX(30%) translateY(-50%);
629
629
  }
630
630
 
631
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
632
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
633
+ padding: 0;
634
+ }
635
+
631
636
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
632
637
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
633
638
  padding: 16px;
package/styles/tailwind-dark.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #374151;
79
80
  }
80
81
 
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
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
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
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -202,17 +146,17 @@
202
146
  /*! inplaceeditor icons */
203
147
  .e-inplaceeditor .e-save-icon::before,
204
148
  .e-inplaceeditor-tip .e-save-icon::before {
205
- content: '\e75d';
149
+ content: '\e774';
206
150
  }
207
151
 
208
152
  .e-inplaceeditor .e-cancel-icon::before,
209
153
  .e-inplaceeditor-tip .e-cancel-icon::before {
210
- content: '\e771';
154
+ content: '\e7e7';
211
155
  }
212
156
 
213
157
  .e-inplaceeditor .e-editable-overlay-icon::before,
214
158
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
215
- content: '\e7d2';
159
+ content: '\e730';
216
160
  }
217
161
 
218
162
  /*! inplaceeditor layout */
@@ -637,6 +581,11 @@
637
581
  transform: translateX(30%) translateY(-50%);
638
582
  }
639
583
 
584
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
585
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
586
+ padding: 0;
587
+ }
588
+
640
589
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
590
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
591
  padding: 16px;
@@ -773,10 +722,6 @@
773
722
  border-radius: 4px;
774
723
  }
775
724
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
725
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
726
  min-height: 30px;
782
727
  }
package/styles/tailwind.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #fff;
79
80
  }
80
81
 
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
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
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
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -202,17 +146,17 @@
202
146
  /*! inplaceeditor icons */
203
147
  .e-inplaceeditor .e-save-icon::before,
204
148
  .e-inplaceeditor-tip .e-save-icon::before {
205
- content: '\e75d';
149
+ content: '\e774';
206
150
  }
207
151
 
208
152
  .e-inplaceeditor .e-cancel-icon::before,
209
153
  .e-inplaceeditor-tip .e-cancel-icon::before {
210
- content: '\e771';
154
+ content: '\e7e7';
211
155
  }
212
156
 
213
157
  .e-inplaceeditor .e-editable-overlay-icon::before,
214
158
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
215
- content: '\e7d2';
159
+ content: '\e730';
216
160
  }
217
161
 
218
162
  /*! inplaceeditor layout */
@@ -637,6 +581,11 @@
637
581
  transform: translateX(30%) translateY(-50%);
638
582
  }
639
583
 
584
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
585
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
586
+ padding: 0;
587
+ }
588
+
640
589
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
590
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
591
  padding: 16px;
@@ -773,10 +722,6 @@
773
722
  border-radius: 4px;
774
723
  }
775
724
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
725
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
726
  min-height: 30px;
782
727
  }