@syncfusion/ej2-inplace-editor 19.4.52 → 20.2.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 (74) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +41 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +27 -0
  3. package/CHANGELOG.md +1 -11
  4. package/README.md +1 -1
  5. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  6. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-inplace-editor.es2015.js +5 -5
  8. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  9. package/dist/es6/ej2-inplace-editor.es5.js +22 -23
  10. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  11. package/dist/global/ej2-inplace-editor.min.js +2 -2
  12. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/helpers/e2e/index.js +8 -6
  15. package/helpers/e2e/inplace-editor.js +74 -58
  16. package/package.json +16 -16
  17. package/src/inplace-editor/base/inplace-editor.d.ts +1 -0
  18. package/src/inplace-editor/base/inplace-editor.js +22 -23
  19. package/styles/bootstrap-dark.css +15 -138
  20. package/styles/bootstrap.css +16 -144
  21. package/styles/bootstrap4.css +26 -194
  22. package/styles/bootstrap5-dark.css +32 -146
  23. package/styles/bootstrap5.css +32 -146
  24. package/styles/fabric-dark.css +15 -136
  25. package/styles/fabric.css +15 -136
  26. package/styles/fluent-dark.css +749 -0
  27. package/styles/fluent-dark.scss +1 -0
  28. package/styles/fluent.css +749 -0
  29. package/styles/fluent.scss +1 -0
  30. package/styles/highcontrast-light.css +16 -171
  31. package/styles/highcontrast.css +16 -171
  32. package/styles/inplace-editor/_bootstrap-dark-definition.scss +1 -0
  33. package/styles/inplace-editor/_bootstrap-definition.scss +1 -0
  34. package/styles/inplace-editor/_bootstrap4-definition.scss +1 -0
  35. package/styles/inplace-editor/_bootstrap5-definition.scss +1 -0
  36. package/styles/inplace-editor/_fabric-dark-definition.scss +1 -0
  37. package/styles/inplace-editor/_fabric-definition.scss +1 -0
  38. package/styles/inplace-editor/_fluent-dark-definition.scss +1 -0
  39. package/styles/inplace-editor/_fluent-definition.scss +69 -0
  40. package/styles/inplace-editor/_fusionnew-definition.scss +68 -0
  41. package/styles/inplace-editor/_highcontrast-definition.scss +1 -0
  42. package/styles/inplace-editor/_highcontrast-light-definition.scss +1 -0
  43. package/styles/inplace-editor/_layout.scss +3 -4
  44. package/styles/inplace-editor/_material-dark-definition.scss +1 -0
  45. package/styles/inplace-editor/_material-definition.scss +1 -0
  46. package/styles/inplace-editor/_material3-definition.scss +68 -0
  47. package/styles/inplace-editor/_tailwind-definition.scss +1 -0
  48. package/styles/inplace-editor/_theme.scss +12 -1
  49. package/styles/inplace-editor/bootstrap-dark.css +15 -138
  50. package/styles/inplace-editor/bootstrap.css +16 -144
  51. package/styles/inplace-editor/bootstrap4.css +26 -194
  52. package/styles/inplace-editor/bootstrap5-dark.css +32 -146
  53. package/styles/inplace-editor/bootstrap5.css +32 -146
  54. package/styles/inplace-editor/fabric-dark.css +15 -136
  55. package/styles/inplace-editor/fabric.css +15 -136
  56. package/styles/inplace-editor/fluent-dark.css +749 -0
  57. package/styles/inplace-editor/fluent-dark.scss +26 -0
  58. package/styles/inplace-editor/fluent.css +749 -0
  59. package/styles/inplace-editor/fluent.scss +26 -0
  60. package/styles/inplace-editor/highcontrast-light.css +16 -171
  61. package/styles/inplace-editor/highcontrast.css +16 -171
  62. package/styles/inplace-editor/icons/_fluent-dark.scss +1 -0
  63. package/styles/inplace-editor/icons/_fluent.scss +19 -0
  64. package/styles/inplace-editor/icons/_fusionnew.scss +19 -0
  65. package/styles/inplace-editor/icons/_material3.scss +19 -0
  66. package/styles/inplace-editor/icons/_tailwind.scss +4 -4
  67. package/styles/inplace-editor/material-dark.css +11 -125
  68. package/styles/inplace-editor/material.css +11 -129
  69. package/styles/inplace-editor/tailwind-dark.css +17 -191
  70. package/styles/inplace-editor/tailwind.css +17 -191
  71. package/styles/material-dark.css +11 -125
  72. package/styles/material.css +11 -129
  73. package/styles/tailwind-dark.css +17 -191
  74. package/styles/tailwind.css +17 -191
@@ -3,7 +3,6 @@
3
3
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
4
4
  margin-top: 1px;
5
5
  }
6
-
7
6
  .e-ddl.e-popup .e-input-group input {
8
7
  line-height: 15px;
9
8
  }
@@ -27,9 +26,7 @@
27
26
  min-height: 26px;
28
27
  }
29
28
 
30
- .e-bigger .e-ddl.e-popup .e-list-item,
31
- .e-bigger .e-ddl.e-popup .e-list-group-item,
32
- .e-bigger .e-ddl.e-popup .e-fixed-head {
29
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
33
30
  font-size: 15px;
34
31
  line-height: 45px;
35
32
  padding-left: 0;
@@ -44,8 +41,7 @@
44
41
  padding: 4px 0;
45
42
  }
46
43
 
47
- .e-bigger .e-ddl.e-popup .e-input-group input,
48
- .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
44
+ .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
49
45
  height: 38px;
50
46
  }
51
47
 
@@ -57,9 +53,7 @@
57
53
  color: #fff;
58
54
  }
59
55
 
60
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
61
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
62
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head,
56
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head,
63
57
  .e-ddl.e-popup .e-bigger.e-small .e-list-item,
64
58
  .e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
65
59
  .e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
@@ -79,8 +73,7 @@
79
73
  padding: 0;
80
74
  }
81
75
 
82
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
83
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input,
76
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input,
84
77
  .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
85
78
  .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
86
79
  height: 34px;
@@ -113,7 +106,6 @@
113
106
  transform: rotate(360deg);
114
107
  }
115
108
  }
116
-
117
109
  @keyframes fabric-spinner-rotate {
118
110
  0% {
119
111
  transform: rotate(0);
@@ -122,7 +114,6 @@
122
114
  transform: rotate(360deg);
123
115
  }
124
116
  }
125
-
126
117
  /*! Fabric dark theme definitions and variables */
127
118
  /*! Value element styles */
128
119
  /*! Tooltip styles */
@@ -134,17 +125,15 @@
134
125
  /*! inplaceeditor icons */
135
126
  .e-inplaceeditor .e-save-icon::before,
136
127
  .e-inplaceeditor-tip .e-save-icon::before {
137
- content: '\e614';
128
+ content: "\e614";
138
129
  }
139
-
140
130
  .e-inplaceeditor .e-cancel-icon::before,
141
131
  .e-inplaceeditor-tip .e-cancel-icon::before {
142
- content: '\ebe8';
132
+ content: "\ebe8";
143
133
  }
144
-
145
134
  .e-inplaceeditor .e-editable-overlay-icon::before,
146
135
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
147
- content: '\e97c';
136
+ content: "\e97c";
148
137
  }
149
138
 
150
139
  /*! inplaceeditor layout */
@@ -152,107 +141,88 @@
152
141
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
153
142
  padding: 8px 12px;
154
143
  }
155
-
156
144
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
157
145
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
158
146
  font-size: 15px;
159
147
  margin: 0 32px 0 0;
160
148
  }
161
-
162
149
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
163
150
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
164
151
  right: 12px;
165
152
  width: 20px;
166
153
  }
167
-
168
154
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
169
155
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
170
156
  font-size: 16px;
171
157
  }
172
-
173
158
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
174
159
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
175
160
  right: 12px;
176
161
  }
177
-
178
162
  .e-bigger .e-inplaceeditor .e-editable-value-container,
179
163
  .e-inplaceeditor.e-bigger .e-editable-value-container {
180
164
  padding: 8px 12px;
181
165
  }
182
-
183
166
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
184
167
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
185
168
  font-size: 15px;
186
169
  margin: 0 32px 0 0;
187
170
  }
188
-
189
171
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
190
172
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
191
173
  right: 12px;
192
174
  width: 20px;
193
175
  }
194
-
195
176
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
196
177
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
197
178
  font-size: 16px;
198
179
  }
199
-
200
180
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
201
181
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
202
182
  right: 12px;
203
183
  }
204
-
205
184
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
206
185
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
207
186
  margin: 0 4px 0 0;
208
187
  }
209
-
210
188
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
211
189
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
212
190
  margin: 0 0 0 4px;
213
191
  }
214
-
215
192
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
216
193
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
217
194
  margin: 0 0 0 32px;
218
195
  }
219
-
220
196
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
221
197
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
222
198
  left: 12px;
223
199
  right: auto;
224
200
  }
225
-
226
201
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
227
202
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
228
203
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
229
204
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
230
205
  left: 12px;
231
206
  }
232
-
233
207
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
234
208
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
235
209
  margin: 0 0 0 32px;
236
210
  }
237
-
238
211
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
239
212
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
240
213
  left: 12px;
241
214
  right: auto;
242
215
  }
243
-
244
216
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
245
217
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
246
218
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
247
219
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
248
220
  left: 12px;
249
221
  }
250
-
251
222
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
252
223
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
253
224
  margin: 0 0 0 4px;
254
225
  }
255
-
256
226
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
257
227
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
258
228
  margin: 0 4px 0 0;
@@ -263,17 +233,14 @@
263
233
  position: relative;
264
234
  width: auto;
265
235
  }
266
-
267
236
  .e-inplaceeditor .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
268
237
  display: block;
269
238
  visibility: hidden;
270
239
  }
271
-
272
240
  .e-inplaceeditor .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
273
241
  display: block;
274
242
  visibility: hidden;
275
243
  }
276
-
277
244
  .e-inplaceeditor .e-editable-value-wrapper {
278
245
  display: inline-block;
279
246
  padding: 6px 10px;
@@ -281,14 +248,12 @@
281
248
  width: auto;
282
249
  word-break: break-word;
283
250
  }
284
-
285
251
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
286
252
  display: inline-block;
287
253
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
288
254
  font-size: 14px;
289
255
  margin: 0 30px 0 0;
290
256
  }
291
-
292
257
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
293
258
  bottom: 0;
294
259
  cursor: pointer;
@@ -301,7 +266,6 @@
301
266
  visibility: hidden;
302
267
  width: 18px;
303
268
  }
304
-
305
269
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
306
270
  -ms-flex-align: center;
307
271
  align-items: center;
@@ -309,34 +273,27 @@
309
273
  display: flex;
310
274
  font-size: 14px;
311
275
  }
312
-
313
276
  .e-inplaceeditor .e-editable-value-wrapper.e-hide {
314
277
  display: none;
315
278
  }
316
-
317
279
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
318
280
  -webkit-user-select: none;
319
281
  -ms-user-select: none;
320
282
  user-select: none;
321
283
  }
322
-
323
284
  .e-inplaceeditor .e-editable-value-wrapper.e-loading {
324
285
  pointer-events: none;
325
286
  }
326
-
327
287
  .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
328
288
  left: unset;
329
289
  right: 10px;
330
290
  }
331
-
332
291
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
333
292
  visibility: visible;
334
293
  }
335
-
336
294
  .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
337
295
  visibility: hidden;
338
296
  }
339
-
340
297
  .e-inplaceeditor .e-editable-value-container {
341
298
  display: inline-block;
342
299
  padding: 6px 10px;
@@ -344,14 +301,12 @@
344
301
  width: auto;
345
302
  word-break: break-word;
346
303
  }
347
-
348
304
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
349
305
  display: inline-block;
350
306
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
351
307
  font-size: 14px;
352
308
  margin: 0 30px 0 0;
353
309
  }
354
-
355
310
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
356
311
  bottom: 0;
357
312
  cursor: pointer;
@@ -364,7 +319,6 @@
364
319
  visibility: hidden;
365
320
  width: 18px;
366
321
  }
367
-
368
322
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
369
323
  -ms-flex-align: center;
370
324
  align-items: center;
@@ -372,83 +326,66 @@
372
326
  display: flex;
373
327
  font-size: 14px;
374
328
  }
375
-
376
329
  .e-inplaceeditor .e-editable-value-container.e-hide {
377
330
  display: none;
378
331
  }
379
-
380
332
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
381
333
  -webkit-user-select: none;
382
334
  -ms-user-select: none;
383
335
  user-select: none;
384
336
  }
385
-
386
337
  .e-inplaceeditor .e-editable-value-container.e-loading {
387
338
  pointer-events: none;
388
339
  }
389
-
390
340
  .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
391
341
  left: unset;
392
342
  right: 10px;
393
343
  }
394
-
395
344
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
396
345
  visibility: visible;
397
346
  }
398
-
399
347
  .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
400
348
  visibility: hidden;
401
349
  }
402
-
403
350
  .e-inplaceeditor .e-editable-action-buttons {
404
351
  margin-top: 4px;
405
352
  position: absolute;
406
353
  right: 0;
407
354
  z-index: 100;
408
355
  }
409
-
410
356
  .e-inplaceeditor.e-overlay {
411
357
  -webkit-user-select: none;
412
358
  -ms-user-select: none;
413
359
  user-select: none;
414
360
  }
415
-
416
361
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
417
362
  margin: 0 0 0 30px;
418
363
  }
419
-
420
364
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
421
365
  left: 10px;
422
366
  right: auto;
423
367
  }
424
-
425
368
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
426
369
  right: unset;
427
370
  }
428
-
429
371
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
430
372
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
431
373
  left: 10px;
432
374
  }
433
-
434
375
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
435
376
  margin: 0 0 0 30px;
436
377
  }
437
-
438
378
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
439
379
  left: 10px;
440
380
  right: auto;
441
381
  }
442
-
443
382
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
444
383
  right: unset;
445
384
  }
446
-
447
385
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
448
386
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
449
387
  left: 10px;
450
388
  }
451
-
452
389
  .e-inplaceeditor.e-rtl .e-editable-action-buttons {
453
390
  left: 0;
454
391
  right: auto;
@@ -460,17 +397,14 @@
460
397
  .e-inplaceeditor-tip.e-bigger {
461
398
  width: auto;
462
399
  }
463
-
464
400
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
465
401
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
466
402
  stroke-width: inherit;
467
403
  }
468
-
469
404
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
470
405
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
471
406
  stroke-width: inherit;
472
407
  }
473
-
474
408
  .e-inplaceeditor .e-editable-loading,
475
409
  .e-inplaceeditor-tip .e-editable-loading {
476
410
  display: none;
@@ -478,90 +412,74 @@
478
412
  position: absolute;
479
413
  top: 0;
480
414
  }
481
-
482
415
  .e-inplaceeditor .e-editable-loading.e-show,
483
416
  .e-inplaceeditor-tip .e-editable-loading.e-show {
484
417
  display: block;
485
418
  }
486
-
487
419
  .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
488
420
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
489
421
  left: auto;
490
422
  right: 5px;
491
423
  transform: translateX(-30%) translateY(-50%);
492
424
  }
493
-
494
425
  .e-inplaceeditor .e-editable-form,
495
426
  .e-inplaceeditor-tip .e-editable-form {
496
427
  width: 100%;
497
428
  }
498
-
499
429
  .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
500
430
  .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
501
431
  visibility: hidden;
502
432
  }
503
-
504
433
  .e-inplaceeditor .e-component-group,
505
434
  .e-inplaceeditor-tip .e-component-group {
506
435
  margin-bottom: 4px;
507
436
  }
508
-
509
437
  .e-inplaceeditor .e-component-group .e-editable-component,
510
438
  .e-inplaceeditor-tip .e-component-group .e-editable-component {
511
439
  min-width: 150px;
512
440
  position: relative;
513
441
  }
514
-
515
442
  .e-inplaceeditor .e-control-overlay,
516
443
  .e-inplaceeditor-tip .e-control-overlay {
517
444
  visibility: hidden;
518
445
  }
519
-
520
446
  .e-inplaceeditor .e-control-overlay.e-richtexteditor,
521
447
  .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
522
- opacity: .5;
448
+ opacity: 0.5;
523
449
  pointer-events: none;
524
450
  -webkit-user-select: none;
525
451
  -ms-user-select: none;
526
452
  user-select: none;
527
453
  visibility: visible;
528
454
  }
529
-
530
455
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
531
456
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
532
457
  margin: 0 4px 0 0;
533
458
  }
534
-
535
459
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
536
460
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
537
461
  font-size: 16px;
538
462
  }
539
-
540
463
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
541
464
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
542
465
  margin: 0 0 0 4px;
543
466
  }
544
-
545
467
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
546
468
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
547
469
  font-size: 16px;
548
470
  }
549
-
550
471
  .e-inplaceeditor .e-editable-action-buttons.e-hide,
551
472
  .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
552
473
  visibility: hidden;
553
474
  }
554
-
555
475
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
556
476
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
557
477
  margin: 0 0 0 4px;
558
478
  }
559
-
560
479
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
561
480
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
562
481
  margin: 0 4px 0 0;
563
482
  }
564
-
565
483
  .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
566
484
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
567
485
  left: 5px;
@@ -569,33 +487,32 @@
569
487
  transform: translateX(30%) translateY(-50%);
570
488
  }
571
489
 
490
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
491
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
492
+ padding: 0;
493
+ }
572
494
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
573
495
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
574
496
  padding: 12px;
575
497
  }
576
-
577
498
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
578
499
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
579
500
  padding: 12px;
580
501
  }
581
-
582
502
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
583
503
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
584
504
  padding: 10px 12px 12px 12px;
585
505
  }
586
-
587
506
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
588
507
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
589
508
  padding: 10px 12px 12px 12px;
590
509
  }
591
-
592
510
  .e-bigger .e-inplaceeditor-tip .e-editable-title,
593
511
  .e-inplaceeditor-tip.e-bigger .e-editable-title {
594
512
  font-size: 14px;
595
513
  min-height: 36px;
596
514
  padding: 0 0 0 12px;
597
515
  }
598
-
599
516
  .e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
600
517
  .e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
601
518
  padding: 0 12px 0 0;
@@ -605,21 +522,17 @@
605
522
  opacity: 1;
606
523
  width: auto;
607
524
  }
608
-
609
525
  .e-inplaceeditor-tip.e-tooltip-wrap {
610
526
  max-width: 100%;
611
527
  }
612
-
613
528
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
614
529
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
615
530
  display: block;
616
531
  visibility: hidden;
617
532
  }
618
-
619
533
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
620
534
  padding: 0;
621
535
  }
622
-
623
536
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
624
537
  -ms-flex-line-pack: center;
625
538
  align-content: center;
@@ -635,13 +548,11 @@
635
548
  justify-content: center;
636
549
  padding: 0 0 0 12px;
637
550
  }
638
-
639
551
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
640
552
  display: -ms-flexbox;
641
553
  display: flex;
642
554
  padding: 12px;
643
555
  }
644
-
645
556
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
646
557
  float: right;
647
558
  margin-top: 4px;
@@ -649,13 +560,11 @@
649
560
  right: auto;
650
561
  top: auto;
651
562
  }
652
-
653
563
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
654
564
  display: -ms-flexbox;
655
565
  display: flex;
656
566
  padding: 12px;
657
567
  }
658
-
659
568
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
660
569
  float: right;
661
570
  margin-top: 4px;
@@ -663,27 +572,21 @@
663
572
  right: auto;
664
573
  top: auto;
665
574
  }
666
-
667
575
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
668
576
  padding: 10px 12px 12px 12px;
669
577
  }
670
-
671
578
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
672
579
  padding: 10px 12px 12px 12px;
673
580
  }
674
-
675
581
  .e-inplaceeditor-tip.e-hide {
676
582
  visibility: hidden;
677
583
  }
678
-
679
584
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
680
585
  padding: 0 12px 0 0;
681
586
  }
682
-
683
587
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
684
588
  float: left;
685
589
  }
686
-
687
590
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
688
591
  float: left;
689
592
  }
@@ -704,64 +607,50 @@
704
607
  border-bottom: 1px dashed #fff;
705
608
  color: #fff;
706
609
  }
707
-
708
610
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
709
611
  color: #fff;
710
612
  }
711
-
712
613
  .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
713
614
  border-bottom: 0;
714
615
  }
715
-
716
616
  .e-inplaceeditor .e-editable-value-wrapper:hover {
717
617
  background: #333232;
718
618
  border-radius: 0;
719
619
  }
720
-
721
620
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
722
621
  border-bottom-color: transparent;
723
622
  }
724
-
725
623
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
726
624
  border-bottom: 1px dashed #fff;
727
625
  color: #fff;
728
626
  }
729
-
730
627
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
731
628
  color: #fff;
732
629
  }
733
-
734
630
  .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
735
631
  border-bottom: 0;
736
632
  }
737
-
738
633
  .e-inplaceeditor .e-editable-value-container:hover {
739
634
  background: #333232;
740
635
  border-radius: 0;
741
636
  }
742
-
743
637
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
744
638
  border-bottom-color: transparent;
745
639
  }
746
-
747
- .e-inplaceeditor[data-underline='false'] .e-editable-value-wrapper .e-editable-value {
640
+ .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
748
641
  border-bottom: 0;
749
642
  }
750
-
751
- .e-inplaceeditor[data-underline='false'] .e-editable-value-container .e-editable-value {
643
+ .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
752
644
  border-bottom: 0;
753
645
  }
754
-
755
646
  .e-inplaceeditor.e-disable {
756
647
  pointer-events: none;
757
648
  -ms-touch-action: none;
758
649
  touch-action: none;
759
650
  }
760
-
761
651
  .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
762
652
  border-bottom-color: transparent;
763
653
  }
764
-
765
654
  .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
766
655
  border-bottom-color: transparent;
767
656
  }
@@ -772,50 +661,40 @@
772
661
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
773
662
  box-shadow: none;
774
663
  }
775
-
776
664
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
777
665
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
778
666
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
779
667
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
780
668
  color: #fff;
781
669
  }
782
-
783
670
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
784
671
  background: #201f1f;
785
672
  box-shadow: none;
786
673
  }
787
-
788
674
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
789
675
  border-radius: 0;
790
676
  color: #fff;
791
677
  }
792
-
793
678
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
794
679
  color: #201f1f;
795
680
  }
796
-
797
681
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
798
682
  border-bottom-color: #414040;
799
683
  }
800
-
801
684
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
802
685
  border-top-color: #414040;
803
686
  }
804
-
805
687
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
806
688
  border: 1px solid #414040;
807
689
  }
808
-
809
690
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
810
691
  background: #282727;
811
692
  border-bottom: 0;
812
693
  color: #fff;
813
694
  }
814
-
815
695
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
816
696
  border-bottom-color: #414040;
817
697
  }
818
-
819
698
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
820
699
  color: #282727;
821
- }
700
+ }