@syncfusion/ej2-vue-inplace-editor 22.1.34 → 22.1.36

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 (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-vue-inplace-editor.umd.min.js +1 -1
  3. package/package.json +6 -6
  4. package/styles/bootstrap4.css +7 -4
  5. package/styles/bootstrap5-dark.css +1 -5
  6. package/styles/bootstrap5.css +1 -5
  7. package/styles/inplace-editor/bootstrap4.css +7 -4
  8. package/styles/inplace-editor/bootstrap5-dark.css +1 -5
  9. package/styles/inplace-editor/bootstrap5.css +1 -5
  10. package/styles/inplace-editor/material3-dark.css +20 -11
  11. package/styles/inplace-editor/material3.css +20 -11
  12. package/styles/material3-dark.css +20 -11
  13. package/styles/material3.css +20 -11
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
+ ### In-place Editor
6
+
7
+ #### Bug Fixes
8
+
9
+ - `#FB182978` - Resolved an issue Hidden save and cancel icons when focused on using tab key navigation.
10
+
5
11
  ## 20.4.54 (2023-03-14)
6
12
 
7
13
  ### In-place Editor
package/dist/ej2-vue-inplace-editor.umd.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-inplace-editor.umd.min.js
3
- * version : 22.1.34
3
+ * version : 22.1.36
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-inplace-editor@*",
3
- "_id": "@syncfusion/ej2-vue-inplace-editor@21.2.2",
3
+ "_id": "@syncfusion/ej2-vue-inplace-editor@21.1.36",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-NLMSmErMCuRRwlKx1Aqk4V92VW4EffYmu2rRw5auWULCRFWprTijNiHv6m4rTgEglCTvLlSJYqQt+aOzjRv5Kg==",
5
+ "_integrity": "sha512-qaYMX+WJv3H5Rj2/o3cvjXqM3O65QDCub88tlo71FC4g7rZ1Jps8YYfaigxyCrKwoUqhwUJBIrlkw1FbwDEaWQ==",
6
6
  "_location": "/@syncfusion/ej2-vue-inplace-editor",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-inplace-editor/-/ej2-vue-inplace-editor-21.2.2.tgz",
23
- "_shasum": "be65d753fb0f1fdaa5744735367b2aa300681988",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inplace-editor/-/ej2-vue-inplace-editor-21.1.36.tgz",
23
+ "_shasum": "14af0f9cca866f151fcf22203335e49009b39919",
24
24
  "_spec": "@syncfusion/ej2-vue-inplace-editor@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
26
26
  "author": {
@@ -32,7 +32,7 @@
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
34
  "@syncfusion/ej2-base": "~22.1.34",
35
- "@syncfusion/ej2-inplace-editor": "22.1.34",
35
+ "@syncfusion/ej2-inplace-editor": "22.1.36",
36
36
  "@syncfusion/ej2-vue-base": "~22.1.34"
37
37
  },
38
38
  "deprecated": false,
@@ -58,6 +58,6 @@
58
58
  "ci-publish": "gulp ci-publish",
59
59
  "compile": "gulp ci-compile && gulp vue-global-script"
60
60
  },
61
- "version": "22.1.34",
61
+ "version": "22.1.36",
62
62
  "sideEffects": false
63
63
  }
package/styles/bootstrap4.css CHANGED
@@ -1088,18 +1088,21 @@
1088
1088
  background-color: #545b62;
1089
1089
  border: 1px solid #4e555b;
1090
1090
  }
1091
- .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
1091
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
1092
1092
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
1093
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1094
1093
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
1095
1094
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
1096
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1097
1095
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
1098
1096
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
1099
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1100
1097
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
1101
1098
  color: #fff;
1102
1099
  }
1100
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1101
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1102
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1103
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons {
1104
+ color: #fff;
1105
+ }
1103
1106
 
1104
1107
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
1105
1108
  background: #fff;
package/styles/bootstrap5-dark.css CHANGED
@@ -785,19 +785,15 @@
785
785
  border: 1px solid #444c54;
786
786
  border-radius: 4px;
787
787
  }
788
- .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
788
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
789
789
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
790
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
791
790
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
792
791
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
793
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
794
792
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
795
793
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
796
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
797
794
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
798
795
  color: #fff;
799
796
  }
800
-
801
797
  .e-inplaceeditor .e-editable-value-wrapper {
802
798
  background-color: transparent;
803
799
  border-radius: 4px;
package/styles/bootstrap5.css CHANGED
@@ -785,19 +785,15 @@
785
785
  border: 1px solid #dee2e6;
786
786
  border-radius: 4px;
787
787
  }
788
- .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
788
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
789
789
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
790
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
791
790
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
792
791
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
793
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
794
792
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
795
793
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
796
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
797
794
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
798
795
  color: #fff;
799
796
  }
800
-
801
797
  .e-inplaceeditor .e-editable-value-wrapper {
802
798
  background-color: transparent;
803
799
  border-radius: 4px;
package/styles/inplace-editor/bootstrap4.css CHANGED
@@ -1088,18 +1088,21 @@
1088
1088
  background-color: #545b62;
1089
1089
  border: 1px solid #4e555b;
1090
1090
  }
1091
- .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
1091
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
1092
1092
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
1093
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1094
1093
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
1095
1094
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
1096
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1097
1095
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
1098
1096
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
1099
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1100
1097
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
1101
1098
  color: #fff;
1102
1099
  }
1100
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1101
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
1102
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
1103
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons {
1104
+ color: #fff;
1105
+ }
1103
1106
 
1104
1107
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
1105
1108
  background: #fff;
package/styles/inplace-editor/bootstrap5-dark.css CHANGED
@@ -785,19 +785,15 @@
785
785
  border: 1px solid #444c54;
786
786
  border-radius: 4px;
787
787
  }
788
- .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
788
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
789
789
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
790
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
791
790
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
792
791
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
793
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
794
792
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
795
793
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
796
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
797
794
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
798
795
  color: #fff;
799
796
  }
800
-
801
797
  .e-inplaceeditor .e-editable-value-wrapper {
802
798
  background-color: transparent;
803
799
  border-radius: 4px;
package/styles/inplace-editor/bootstrap5.css CHANGED
@@ -785,19 +785,15 @@
785
785
  border: 1px solid #dee2e6;
786
786
  border-radius: 4px;
787
787
  }
788
- .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
788
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
789
789
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
790
- .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
791
790
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
792
791
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
793
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
794
792
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
795
793
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
796
- .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
797
794
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
798
795
  color: #fff;
799
796
  }
800
-
801
797
  .e-inplaceeditor .e-editable-value-wrapper {
802
798
  background-color: transparent;
803
799
  border-radius: 4px;
package/styles/inplace-editor/material3-dark.css CHANGED
@@ -131,21 +131,26 @@
131
131
  }
132
132
 
133
133
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
134
- margin: 6px 6px 5px;
135
- min-height: 12px;
136
- min-width: 12px;
137
- padding: 6px;
134
+ margin: 0 6px;
135
+ min-height: 30px;
136
+ min-width: 30px;
138
137
  }
139
138
 
140
139
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
141
140
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
142
- min-height: 16px;
143
- min-width: 16px;
141
+ min-height: 38px;
142
+ min-width: 38px;
143
+ }
144
+
145
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
146
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
147
+ min-height: 22px;
148
+ min-width: 22px;
144
149
  }
145
150
 
146
151
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
147
152
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
148
- padding: 8px 16px 8px 0;
153
+ padding: 4px 16px 4px 0;
149
154
  }
150
155
 
151
156
  .e-input-group.e-ddl,
@@ -165,7 +170,7 @@
165
170
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
166
171
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
167
172
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
168
- margin: 0;
173
+ margin: 4px;
169
174
  }
170
175
 
171
176
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -174,7 +179,7 @@
174
179
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
175
180
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
176
181
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
177
- padding: 5px 5px 5px 12px;
182
+ padding: 4px 5px 4px 12px;
178
183
  }
179
184
 
180
185
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
@@ -184,8 +189,8 @@
184
189
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
185
190
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
186
191
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
187
- min-height: 18px;
188
- min-width: 18px;
192
+ min-height: 34px;
193
+ min-width: 34px;
189
194
  }
190
195
 
191
196
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -198,6 +203,10 @@
198
203
  padding: 8px 16px;
199
204
  }
200
205
 
206
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
207
+ margin: 0 4px;
208
+ }
209
+
201
210
  .e-ddl.e-popup.e-outline .e-filter-parent {
202
211
  padding: 4px 8px;
203
212
  }
package/styles/inplace-editor/material3.css CHANGED
@@ -187,21 +187,26 @@
187
187
  }
188
188
 
189
189
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
190
- margin: 6px 6px 5px;
191
- min-height: 12px;
192
- min-width: 12px;
193
- padding: 6px;
190
+ margin: 0 6px;
191
+ min-height: 30px;
192
+ min-width: 30px;
194
193
  }
195
194
 
196
195
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
197
196
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
198
- min-height: 16px;
199
- min-width: 16px;
197
+ min-height: 38px;
198
+ min-width: 38px;
199
+ }
200
+
201
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
202
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
203
+ min-height: 22px;
204
+ min-width: 22px;
200
205
  }
201
206
 
202
207
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
203
208
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
204
- padding: 8px 16px 8px 0;
209
+ padding: 4px 16px 4px 0;
205
210
  }
206
211
 
207
212
  .e-input-group.e-ddl,
@@ -221,7 +226,7 @@
221
226
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
222
227
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
223
228
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
224
- margin: 0;
229
+ margin: 4px;
225
230
  }
226
231
 
227
232
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -230,7 +235,7 @@
230
235
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
231
236
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
232
237
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
233
- padding: 5px 5px 5px 12px;
238
+ padding: 4px 5px 4px 12px;
234
239
  }
235
240
 
236
241
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
@@ -240,8 +245,8 @@
240
245
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
241
246
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
242
247
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
243
- min-height: 18px;
244
- min-width: 18px;
248
+ min-height: 34px;
249
+ min-width: 34px;
245
250
  }
246
251
 
247
252
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -254,6 +259,10 @@
254
259
  padding: 8px 16px;
255
260
  }
256
261
 
262
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
263
+ margin: 0 4px;
264
+ }
265
+
257
266
  .e-ddl.e-popup.e-outline .e-filter-parent {
258
267
  padding: 4px 8px;
259
268
  }
package/styles/material3-dark.css CHANGED
@@ -131,21 +131,26 @@
131
131
  }
132
132
 
133
133
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
134
- margin: 6px 6px 5px;
135
- min-height: 12px;
136
- min-width: 12px;
137
- padding: 6px;
134
+ margin: 0 6px;
135
+ min-height: 30px;
136
+ min-width: 30px;
138
137
  }
139
138
 
140
139
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
141
140
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
142
- min-height: 16px;
143
- min-width: 16px;
141
+ min-height: 38px;
142
+ min-width: 38px;
143
+ }
144
+
145
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
146
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
147
+ min-height: 22px;
148
+ min-width: 22px;
144
149
  }
145
150
 
146
151
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
147
152
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
148
- padding: 8px 16px 8px 0;
153
+ padding: 4px 16px 4px 0;
149
154
  }
150
155
 
151
156
  .e-input-group.e-ddl,
@@ -165,7 +170,7 @@
165
170
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
166
171
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
167
172
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
168
- margin: 0;
173
+ margin: 4px;
169
174
  }
170
175
 
171
176
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -174,7 +179,7 @@
174
179
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
175
180
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
176
181
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
177
- padding: 5px 5px 5px 12px;
182
+ padding: 4px 5px 4px 12px;
178
183
  }
179
184
 
180
185
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
@@ -184,8 +189,8 @@
184
189
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
185
190
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
186
191
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
187
- min-height: 18px;
188
- min-width: 18px;
192
+ min-height: 34px;
193
+ min-width: 34px;
189
194
  }
190
195
 
191
196
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -198,6 +203,10 @@
198
203
  padding: 8px 16px;
199
204
  }
200
205
 
206
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
207
+ margin: 0 4px;
208
+ }
209
+
201
210
  .e-ddl.e-popup.e-outline .e-filter-parent {
202
211
  padding: 4px 8px;
203
212
  }
package/styles/material3.css CHANGED
@@ -187,21 +187,26 @@
187
187
  }
188
188
 
189
189
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
190
- margin: 6px 6px 5px;
191
- min-height: 12px;
192
- min-width: 12px;
193
- padding: 6px;
190
+ margin: 0 6px;
191
+ min-height: 30px;
192
+ min-width: 30px;
194
193
  }
195
194
 
196
195
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
197
196
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
198
- min-height: 16px;
199
- min-width: 16px;
197
+ min-height: 38px;
198
+ min-width: 38px;
199
+ }
200
+
201
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
202
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
203
+ min-height: 22px;
204
+ min-width: 22px;
200
205
  }
201
206
 
202
207
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
203
208
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
204
- padding: 8px 16px 8px 0;
209
+ padding: 4px 16px 4px 0;
205
210
  }
206
211
 
207
212
  .e-input-group.e-ddl,
@@ -221,7 +226,7 @@
221
226
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
222
227
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
223
228
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
224
- margin: 0;
229
+ margin: 4px;
225
230
  }
226
231
 
227
232
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -230,7 +235,7 @@
230
235
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
231
236
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
232
237
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
233
- padding: 5px 5px 5px 12px;
238
+ padding: 4px 5px 4px 12px;
234
239
  }
235
240
 
236
241
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
@@ -240,8 +245,8 @@
240
245
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
241
246
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
242
247
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
243
- min-height: 18px;
244
- min-width: 18px;
248
+ min-height: 34px;
249
+ min-width: 34px;
245
250
  }
246
251
 
247
252
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -254,6 +259,10 @@
254
259
  padding: 8px 16px;
255
260
  }
256
261
 
262
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
263
+ margin: 0 4px;
264
+ }
265
+
257
266
  .e-ddl.e-popup.e-outline .e-filter-parent {
258
267
  padding: 4px 8px;
259
268
  }