@syncfusion/ej2-react-inplace-editor 21.2.3 → 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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-react-inplace-editor.min.js +1 -1
  3. package/dist/ej2-react-inplace-editor.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap.css +2 -2
  6. package/styles/bootstrap4.css +9 -6
  7. package/styles/bootstrap5-dark.css +1 -5
  8. package/styles/bootstrap5.css +1 -5
  9. package/styles/inplace-editor/bootstrap.css +2 -2
  10. package/styles/inplace-editor/bootstrap4.css +9 -6
  11. package/styles/inplace-editor/bootstrap5-dark.css +1 -5
  12. package/styles/inplace-editor/bootstrap5.css +1 -5
  13. package/styles/inplace-editor/material3-dark.css +804 -0
  14. package/styles/inplace-editor/material3-dark.scss +2 -0
  15. package/styles/inplace-editor/material3.css +860 -0
  16. package/styles/inplace-editor/material3.scss +2 -0
  17. package/styles/material3-dark.css +804 -0
  18. package/styles/material3-dark.scss +2 -0
  19. package/styles/material3.css +860 -0
  20. package/styles/material3.scss +2 -0
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-react-inplace-editor.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-inplace-editor.min.js
3
- * version : 21.2.3
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/dist/ej2-react-inplace-editor.umd.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-inplace-editor.umd.min.js
3
- * version : 21.2.3
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-react-inplace-editor@*",
3
- "_id": "@syncfusion/ej2-react-inplace-editor@21.2.3",
3
+ "_id": "@syncfusion/ej2-react-inplace-editor@21.1.36",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-cyaZPJEwdqfOpRdoN3cviREcxHI8ecykvRMXmId0Meg59RngvNevSDiElrBn1ya72T+irIz05NYRirci7ZP7Qw==",
5
+ "_integrity": "sha512-ItbgDqg1n5I8mpzrWtspJvOjanGPVnkgSiQ5kr2+DiFdvzNfo0T6XTIvamoEJbcX+oCsRNgSV1ttrTYtEnnr0g==",
6
6
  "_location": "/@syncfusion/ej2-react-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-hotfix-new/@syncfusion/ej2-react-inplace-editor/-/ej2-react-inplace-editor-21.2.3.tgz",
23
- "_shasum": "4b39255ec12ff6c9886360a3164c59447eb2cec7",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-inplace-editor/-/ej2-react-inplace-editor-21.1.36.tgz",
23
+ "_shasum": "6eef4a6a91c26676d04b1d8e5b69659ad2fa9867",
24
24
  "_spec": "@syncfusion/ej2-react-inplace-editor@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~21.2.3",
35
- "@syncfusion/ej2-inplace-editor": "21.2.3",
36
- "@syncfusion/ej2-react-base": "~21.2.3"
34
+ "@syncfusion/ej2-base": "~22.1.34",
35
+ "@syncfusion/ej2-inplace-editor": "22.1.36",
36
+ "@syncfusion/ej2-react-base": "~22.1.34"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server. for React",
@@ -54,6 +54,6 @@
54
54
  "type": "git",
55
55
  "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
56
56
  },
57
- "version": "21.2.3",
57
+ "version": "22.1.36",
58
58
  "sideEffects": false
59
59
  }
package/styles/bootstrap.css CHANGED
@@ -197,8 +197,8 @@
197
197
  .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-fontcolor-dropdown,
198
198
  .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-numberformatlist-dropdown,
199
199
  .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-bulletformatlist-dropdown {
200
- padding-bottom: 0;
201
- padding-top: 0;
200
+ padding-bottom: 1px;
201
+ padding-top: 1px;
202
202
  }
203
203
  .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn:hover, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active:hover,
204
204
  .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn:hover,
package/styles/bootstrap4.css CHANGED
@@ -284,8 +284,8 @@
284
284
  }
285
285
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
286
286
  border: 1px solid transparent;
287
- padding-bottom: 1px;
288
- padding-top: 1px;
287
+ padding-bottom: 0;
288
+ padding-top: 0;
289
289
  }
290
290
  .e-richtexteditor .e-rte-content {
291
291
  border-bottom-left-radius: 4px;
@@ -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/bootstrap.css CHANGED
@@ -197,8 +197,8 @@
197
197
  .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-fontcolor-dropdown,
198
198
  .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-numberformatlist-dropdown,
199
199
  .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-bulletformatlist-dropdown {
200
- padding-bottom: 0;
201
- padding-top: 0;
200
+ padding-bottom: 1px;
201
+ padding-top: 1px;
202
202
  }
203
203
  .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn:hover, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active:hover,
204
204
  .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn:hover,
package/styles/inplace-editor/bootstrap4.css CHANGED
@@ -284,8 +284,8 @@
284
284
  }
285
285
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
286
286
  border: 1px solid transparent;
287
- padding-bottom: 1px;
288
- padding-top: 1px;
287
+ padding-bottom: 0;
288
+ padding-top: 0;
289
289
  }
290
290
  .e-richtexteditor .e-rte-content {
291
291
  border-bottom-left-radius: 4px;
@@ -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;