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