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