@syncfusion/ej2-react-inplace-editor 20.1.47 → 20.2.38

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 (37) hide show
  1. package/CHANGELOG.md +1 -10
  2. package/dist/ej2-react-inplace-editor.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +15 -138
  5. package/styles/bootstrap.css +16 -144
  6. package/styles/bootstrap4.css +26 -194
  7. package/styles/bootstrap5-dark.css +32 -146
  8. package/styles/bootstrap5.css +32 -146
  9. package/styles/fabric-dark.css +15 -136
  10. package/styles/fabric.css +15 -136
  11. package/styles/fluent-dark.css +749 -0
  12. package/styles/fluent-dark.scss +1 -0
  13. package/styles/fluent.css +749 -0
  14. package/styles/fluent.scss +1 -0
  15. package/styles/highcontrast-light.css +16 -171
  16. package/styles/highcontrast.css +16 -171
  17. package/styles/inplace-editor/bootstrap-dark.css +15 -138
  18. package/styles/inplace-editor/bootstrap.css +16 -144
  19. package/styles/inplace-editor/bootstrap4.css +26 -194
  20. package/styles/inplace-editor/bootstrap5-dark.css +32 -146
  21. package/styles/inplace-editor/bootstrap5.css +32 -146
  22. package/styles/inplace-editor/fabric-dark.css +15 -136
  23. package/styles/inplace-editor/fabric.css +15 -136
  24. package/styles/inplace-editor/fluent-dark.css +749 -0
  25. package/styles/inplace-editor/fluent-dark.scss +1 -0
  26. package/styles/inplace-editor/fluent.css +749 -0
  27. package/styles/inplace-editor/fluent.scss +1 -0
  28. package/styles/inplace-editor/highcontrast-light.css +16 -171
  29. package/styles/inplace-editor/highcontrast.css +16 -171
  30. package/styles/inplace-editor/material-dark.css +11 -125
  31. package/styles/inplace-editor/material.css +11 -129
  32. package/styles/inplace-editor/tailwind-dark.css +17 -191
  33. package/styles/inplace-editor/tailwind.css +17 -191
  34. package/styles/material-dark.css +11 -125
  35. package/styles/material.css +11 -129
  36. package/styles/tailwind-dark.css +17 -191
  37. package/styles/tailwind.css +17 -191
@@ -4,11 +4,9 @@
4
4
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
5
5
  margin-top: 3px;
6
6
  }
7
-
8
7
  .e-popup.e-ddl .e-input-group {
9
8
  width: auto;
10
9
  }
11
-
12
10
  .e-popup.e-ddl .e-input-group input {
13
11
  line-height: 15px;
14
12
  }
@@ -22,7 +20,6 @@
22
20
  display: flex;
23
21
  width: auto;
24
22
  }
25
-
26
23
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
27
24
  border: 0;
28
25
  }
@@ -31,9 +28,7 @@
31
28
  margin-top: 0;
32
29
  }
33
30
 
34
- .e-bigger .e-popup.e-ddl .e-list-item,
35
- .e-bigger .e-popup.e-ddl .e-list-group-item,
36
- .e-bigger .e-popup.e-ddl .e-fixed-head {
31
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
37
32
  font-size: 15px;
38
33
  line-height: 40px;
39
34
  padding-left: 0;
@@ -48,8 +43,7 @@
48
43
  padding: 4px 0;
49
44
  }
50
45
 
51
- .e-bigger .e-popup.e-ddl .e-input-group input,
52
- .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
46
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
53
47
  height: 38px;
54
48
  }
55
49
 
@@ -87,9 +81,7 @@
87
81
  border-bottom: 1px solid #ccc;
88
82
  }
89
83
 
90
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
91
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
92
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
84
+ .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 {
93
85
  font-size: 14px;
94
86
  line-height: 34px;
95
87
  padding-left: 0;
@@ -104,8 +96,7 @@
104
96
  padding: 4px 0;
105
97
  }
106
98
 
107
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
108
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
99
+ .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 {
109
100
  height: 30px;
110
101
  }
111
102
 
@@ -147,7 +138,6 @@
147
138
  transform: rotate(360deg);
148
139
  }
149
140
  }
150
-
151
141
  @keyframes fabric-spinner-rotate {
152
142
  0% {
153
143
  transform: rotate(0);
@@ -156,7 +146,6 @@
156
146
  transform: rotate(360deg);
157
147
  }
158
148
  }
159
-
160
149
  .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-dropdown-btn.e-active.e-tbar-btn {
161
150
  background: #e6e6e6;
162
151
  border: 1px solid #8c8c8c;
@@ -168,9 +157,7 @@
168
157
  padding-left: 11px;
169
158
  padding-right: 6px;
170
159
  }
171
-
172
- .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-rte-dropdown-btn,
173
- .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn {
160
+ .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-rte-dropdown-btn, .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-rte-dropdown-btn {
174
161
  padding-bottom: 0;
175
162
  padding-top: 0;
176
163
  }
@@ -179,7 +166,6 @@
179
166
  padding-left: 1px;
180
167
  padding-right: 1px;
181
168
  }
182
-
183
169
  .e-bigger .e-rte-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-backgroundcolor-dropdown.e-active:hover, .e-bigger .e-rte-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-fontcolor-dropdown.e-active:hover, .e-bigger .e-rte-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-numberformatlist-dropdown.e-active:hover, .e-bigger .e-rte-toolbar .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-bulletformatlist-dropdown.e-active:hover {
184
170
  padding-left: 1px;
185
171
  padding-right: 1px;
@@ -212,7 +198,6 @@
212
198
  padding-bottom: 0;
213
199
  padding-top: 0;
214
200
  }
215
-
216
201
  .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,
217
202
  .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn:hover,
218
203
  .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn.e-active,
@@ -286,7 +271,6 @@
286
271
  padding-bottom: 0;
287
272
  padding-top: 0;
288
273
  }
289
-
290
274
  .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-active,
291
275
  .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-active,
292
276
  .e-rte-toolbar .e-toolbar-items .e-rte-numberformatlist-dropdown.e-active,
@@ -325,17 +309,15 @@
325
309
  /*! inplaceeditor icons */
326
310
  .e-inplaceeditor .e-save-icon::before,
327
311
  .e-inplaceeditor-tip .e-save-icon::before {
328
- content: '\e614';
312
+ content: "\e614";
329
313
  }
330
-
331
314
  .e-inplaceeditor .e-cancel-icon::before,
332
315
  .e-inplaceeditor-tip .e-cancel-icon::before {
333
- content: '\e60a';
316
+ content: "\e60a";
334
317
  }
335
-
336
318
  .e-inplaceeditor .e-editable-overlay-icon::before,
337
319
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
338
- content: '\e338';
320
+ content: "\e338";
339
321
  }
340
322
 
341
323
  /*! inplaceeditor layout */
@@ -343,107 +325,88 @@
343
325
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
344
326
  padding: 8px 12px;
345
327
  }
346
-
347
328
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
348
329
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
349
330
  font-size: 15px;
350
331
  margin: 0 32px 0 0;
351
332
  }
352
-
353
333
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
354
334
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
355
335
  right: 12px;
356
336
  width: 20px;
357
337
  }
358
-
359
338
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
360
339
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
361
340
  font-size: 16px;
362
341
  }
363
-
364
342
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
365
343
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
366
344
  right: 12px;
367
345
  }
368
-
369
346
  .e-bigger .e-inplaceeditor .e-editable-value-container,
370
347
  .e-inplaceeditor.e-bigger .e-editable-value-container {
371
348
  padding: 8px 12px;
372
349
  }
373
-
374
350
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
375
351
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
376
352
  font-size: 15px;
377
353
  margin: 0 32px 0 0;
378
354
  }
379
-
380
355
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
381
356
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
382
357
  right: 12px;
383
358
  width: 20px;
384
359
  }
385
-
386
360
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
387
361
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
388
362
  font-size: 16px;
389
363
  }
390
-
391
364
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
392
365
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
393
366
  right: 12px;
394
367
  }
395
-
396
368
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
397
369
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
398
370
  margin: 0 4px 0 0;
399
371
  }
400
-
401
372
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
402
373
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
403
374
  margin: 0 0 0 4px;
404
375
  }
405
-
406
376
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
407
377
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
408
378
  margin: 0 0 0 32px;
409
379
  }
410
-
411
380
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
412
381
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
413
382
  left: 12px;
414
383
  right: auto;
415
384
  }
416
-
417
385
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
418
386
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
419
387
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
420
388
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
421
389
  left: 12px;
422
390
  }
423
-
424
391
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
425
392
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
426
393
  margin: 0 0 0 32px;
427
394
  }
428
-
429
395
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
430
396
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
431
397
  left: 12px;
432
398
  right: auto;
433
399
  }
434
-
435
400
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
436
401
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
437
402
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
438
403
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
439
404
  left: 12px;
440
405
  }
441
-
442
406
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
443
407
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
444
408
  margin: 0 0 0 4px;
445
409
  }
446
-
447
410
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
448
411
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
449
412
  margin: 0 4px 0 0;
@@ -454,17 +417,14 @@
454
417
  position: relative;
455
418
  width: auto;
456
419
  }
457
-
458
420
  .e-inplaceeditor .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
459
421
  display: block;
460
422
  visibility: hidden;
461
423
  }
462
-
463
424
  .e-inplaceeditor .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
464
425
  display: block;
465
426
  visibility: hidden;
466
427
  }
467
-
468
428
  .e-inplaceeditor .e-editable-value-wrapper {
469
429
  display: inline-block;
470
430
  padding: 6px 10px;
@@ -472,14 +432,12 @@
472
432
  width: auto;
473
433
  word-break: break-word;
474
434
  }
475
-
476
435
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
477
436
  display: inline-block;
478
437
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
479
438
  font-size: 14px;
480
439
  margin: 0 30px 0 0;
481
440
  }
482
-
483
441
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
484
442
  bottom: 0;
485
443
  cursor: pointer;
@@ -492,7 +450,6 @@
492
450
  visibility: hidden;
493
451
  width: 18px;
494
452
  }
495
-
496
453
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
497
454
  -ms-flex-align: center;
498
455
  align-items: center;
@@ -500,34 +457,27 @@
500
457
  display: flex;
501
458
  font-size: 14px;
502
459
  }
503
-
504
460
  .e-inplaceeditor .e-editable-value-wrapper.e-hide {
505
461
  display: none;
506
462
  }
507
-
508
463
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
509
464
  -webkit-user-select: none;
510
465
  -ms-user-select: none;
511
466
  user-select: none;
512
467
  }
513
-
514
468
  .e-inplaceeditor .e-editable-value-wrapper.e-loading {
515
469
  pointer-events: none;
516
470
  }
517
-
518
471
  .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
519
472
  left: unset;
520
473
  right: 10px;
521
474
  }
522
-
523
475
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
524
476
  visibility: visible;
525
477
  }
526
-
527
478
  .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
528
479
  visibility: hidden;
529
480
  }
530
-
531
481
  .e-inplaceeditor .e-editable-value-container {
532
482
  display: inline-block;
533
483
  padding: 6px 10px;
@@ -535,14 +485,12 @@
535
485
  width: auto;
536
486
  word-break: break-word;
537
487
  }
538
-
539
488
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
540
489
  display: inline-block;
541
490
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
542
491
  font-size: 14px;
543
492
  margin: 0 30px 0 0;
544
493
  }
545
-
546
494
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
547
495
  bottom: 0;
548
496
  cursor: pointer;
@@ -555,7 +503,6 @@
555
503
  visibility: hidden;
556
504
  width: 18px;
557
505
  }
558
-
559
506
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
560
507
  -ms-flex-align: center;
561
508
  align-items: center;
@@ -563,83 +510,66 @@
563
510
  display: flex;
564
511
  font-size: 14px;
565
512
  }
566
-
567
513
  .e-inplaceeditor .e-editable-value-container.e-hide {
568
514
  display: none;
569
515
  }
570
-
571
516
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
572
517
  -webkit-user-select: none;
573
518
  -ms-user-select: none;
574
519
  user-select: none;
575
520
  }
576
-
577
521
  .e-inplaceeditor .e-editable-value-container.e-loading {
578
522
  pointer-events: none;
579
523
  }
580
-
581
524
  .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
582
525
  left: unset;
583
526
  right: 10px;
584
527
  }
585
-
586
528
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
587
529
  visibility: visible;
588
530
  }
589
-
590
531
  .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
591
532
  visibility: hidden;
592
533
  }
593
-
594
534
  .e-inplaceeditor .e-editable-action-buttons {
595
535
  margin-top: 4px;
596
536
  position: absolute;
597
537
  right: 0;
598
538
  z-index: 100;
599
539
  }
600
-
601
540
  .e-inplaceeditor.e-overlay {
602
541
  -webkit-user-select: none;
603
542
  -ms-user-select: none;
604
543
  user-select: none;
605
544
  }
606
-
607
545
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
608
546
  margin: 0 0 0 30px;
609
547
  }
610
-
611
548
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
612
549
  left: 10px;
613
550
  right: auto;
614
551
  }
615
-
616
552
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
617
553
  right: unset;
618
554
  }
619
-
620
555
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
621
556
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
622
557
  left: 10px;
623
558
  }
624
-
625
559
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
626
560
  margin: 0 0 0 30px;
627
561
  }
628
-
629
562
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
630
563
  left: 10px;
631
564
  right: auto;
632
565
  }
633
-
634
566
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
635
567
  right: unset;
636
568
  }
637
-
638
569
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
639
570
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
640
571
  left: 10px;
641
572
  }
642
-
643
573
  .e-inplaceeditor.e-rtl .e-editable-action-buttons {
644
574
  left: 0;
645
575
  right: auto;
@@ -651,17 +581,14 @@
651
581
  .e-inplaceeditor-tip.e-bigger {
652
582
  width: auto;
653
583
  }
654
-
655
584
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
656
585
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
657
586
  stroke-width: inherit;
658
587
  }
659
-
660
588
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
661
589
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
662
590
  stroke-width: inherit;
663
591
  }
664
-
665
592
  .e-inplaceeditor .e-editable-loading,
666
593
  .e-inplaceeditor-tip .e-editable-loading {
667
594
  display: none;
@@ -669,90 +596,74 @@
669
596
  position: absolute;
670
597
  top: 0;
671
598
  }
672
-
673
599
  .e-inplaceeditor .e-editable-loading.e-show,
674
600
  .e-inplaceeditor-tip .e-editable-loading.e-show {
675
601
  display: block;
676
602
  }
677
-
678
603
  .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
679
604
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
680
605
  left: auto;
681
606
  right: 5px;
682
607
  transform: translateX(-30%) translateY(-50%);
683
608
  }
684
-
685
609
  .e-inplaceeditor .e-editable-form,
686
610
  .e-inplaceeditor-tip .e-editable-form {
687
611
  width: 100%;
688
612
  }
689
-
690
613
  .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
691
614
  .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
692
615
  visibility: hidden;
693
616
  }
694
-
695
617
  .e-inplaceeditor .e-component-group,
696
618
  .e-inplaceeditor-tip .e-component-group {
697
619
  margin-bottom: 4px;
698
620
  }
699
-
700
621
  .e-inplaceeditor .e-component-group .e-editable-component,
701
622
  .e-inplaceeditor-tip .e-component-group .e-editable-component {
702
623
  min-width: 150px;
703
624
  position: relative;
704
625
  }
705
-
706
626
  .e-inplaceeditor .e-control-overlay,
707
627
  .e-inplaceeditor-tip .e-control-overlay {
708
628
  visibility: hidden;
709
629
  }
710
-
711
630
  .e-inplaceeditor .e-control-overlay.e-richtexteditor,
712
631
  .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
713
- opacity: .5;
632
+ opacity: 0.5;
714
633
  pointer-events: none;
715
634
  -webkit-user-select: none;
716
635
  -ms-user-select: none;
717
636
  user-select: none;
718
637
  visibility: visible;
719
638
  }
720
-
721
639
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
722
640
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
723
641
  margin: 0 4px 0 0;
724
642
  }
725
-
726
643
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
727
644
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
728
645
  font-size: 16px;
729
646
  }
730
-
731
647
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
732
648
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
733
649
  margin: 0 0 0 4px;
734
650
  }
735
-
736
651
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
737
652
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
738
653
  font-size: 16px;
739
654
  }
740
-
741
655
  .e-inplaceeditor .e-editable-action-buttons.e-hide,
742
656
  .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
743
657
  visibility: hidden;
744
658
  }
745
-
746
659
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
747
660
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
748
661
  margin: 0 0 0 4px;
749
662
  }
750
-
751
663
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
752
664
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
753
665
  margin: 0 4px 0 0;
754
666
  }
755
-
756
667
  .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
757
668
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
758
669
  left: 5px;
@@ -760,33 +671,32 @@
760
671
  transform: translateX(30%) translateY(-50%);
761
672
  }
762
673
 
674
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
675
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
676
+ padding: 0;
677
+ }
763
678
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
764
679
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
765
680
  padding: 12px;
766
681
  }
767
-
768
682
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
769
683
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
770
684
  padding: 12px;
771
685
  }
772
-
773
686
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
774
687
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
775
688
  padding: 10px 12px 12px 12px;
776
689
  }
777
-
778
690
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
779
691
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
780
692
  padding: 10px 12px 12px 12px;
781
693
  }
782
-
783
694
  .e-bigger .e-inplaceeditor-tip .e-editable-title,
784
695
  .e-inplaceeditor-tip.e-bigger .e-editable-title {
785
696
  font-size: 14px;
786
697
  min-height: 36px;
787
698
  padding: 0 0 0 12px;
788
699
  }
789
-
790
700
  .e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
791
701
  .e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
792
702
  padding: 0 12px 0 0;
@@ -796,21 +706,17 @@
796
706
  opacity: 1;
797
707
  width: auto;
798
708
  }
799
-
800
709
  .e-inplaceeditor-tip.e-tooltip-wrap {
801
710
  max-width: 100%;
802
711
  }
803
-
804
712
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
805
713
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
806
714
  display: block;
807
715
  visibility: hidden;
808
716
  }
809
-
810
717
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
811
718
  padding: 0;
812
719
  }
813
-
814
720
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
815
721
  -ms-flex-line-pack: center;
816
722
  align-content: center;
@@ -826,13 +732,11 @@
826
732
  justify-content: center;
827
733
  padding: 0 0 0 12px;
828
734
  }
829
-
830
735
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
831
736
  display: -ms-flexbox;
832
737
  display: flex;
833
738
  padding: 12px;
834
739
  }
835
-
836
740
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
837
741
  float: right;
838
742
  margin-top: 4px;
@@ -840,13 +744,11 @@
840
744
  right: auto;
841
745
  top: auto;
842
746
  }
843
-
844
747
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
845
748
  display: -ms-flexbox;
846
749
  display: flex;
847
750
  padding: 12px;
848
751
  }
849
-
850
752
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
851
753
  float: right;
852
754
  margin-top: 4px;
@@ -854,27 +756,21 @@
854
756
  right: auto;
855
757
  top: auto;
856
758
  }
857
-
858
759
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
859
760
  padding: 10px 12px 12px 12px;
860
761
  }
861
-
862
762
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
863
763
  padding: 10px 12px 12px 12px;
864
764
  }
865
-
866
765
  .e-inplaceeditor-tip.e-hide {
867
766
  visibility: hidden;
868
767
  }
869
-
870
768
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
871
769
  padding: 0 12px 0 0;
872
770
  }
873
-
874
771
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
875
772
  float: left;
876
773
  }
877
-
878
774
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
879
775
  float: left;
880
776
  }
@@ -895,64 +791,50 @@
895
791
  border-bottom: 1px dashed #333;
896
792
  color: #333;
897
793
  }
898
-
899
794
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
900
795
  color: #333;
901
796
  }
902
-
903
797
  .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
904
798
  border-bottom: 0;
905
799
  }
906
-
907
800
  .e-inplaceeditor .e-editable-value-wrapper:hover {
908
801
  background: #f5f5f5;
909
802
  border-radius: 4px;
910
803
  }
911
-
912
804
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
913
805
  border-bottom-color: transparent;
914
806
  }
915
-
916
807
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
917
808
  border-bottom: 1px dashed #333;
918
809
  color: #333;
919
810
  }
920
-
921
811
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
922
812
  color: #333;
923
813
  }
924
-
925
814
  .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
926
815
  border-bottom: 0;
927
816
  }
928
-
929
817
  .e-inplaceeditor .e-editable-value-container:hover {
930
818
  background: #f5f5f5;
931
819
  border-radius: 4px;
932
820
  }
933
-
934
821
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
935
822
  border-bottom-color: transparent;
936
823
  }
937
-
938
- .e-inplaceeditor[data-underline='false'] .e-editable-value-wrapper .e-editable-value {
824
+ .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
939
825
  border-bottom: 0;
940
826
  }
941
-
942
- .e-inplaceeditor[data-underline='false'] .e-editable-value-container .e-editable-value {
827
+ .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
943
828
  border-bottom: 0;
944
829
  }
945
-
946
830
  .e-inplaceeditor.e-disable {
947
831
  pointer-events: none;
948
832
  -ms-touch-action: none;
949
833
  touch-action: none;
950
834
  }
951
-
952
835
  .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
953
836
  border-bottom-color: transparent;
954
837
  }
955
-
956
838
  .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
957
839
  border-bottom-color: transparent;
958
840
  }
@@ -963,50 +845,40 @@
963
845
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
964
846
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
965
847
  }
966
-
967
848
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
968
849
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
969
850
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
970
851
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
971
852
  color: #333;
972
853
  }
973
-
974
854
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
975
855
  background: #fff;
976
856
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
977
857
  }
978
-
979
858
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
980
859
  border-radius: 4px;
981
860
  color: #333;
982
861
  }
983
-
984
862
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
985
863
  color: #fff;
986
864
  }
987
-
988
865
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
989
866
  border-bottom-color: #ccc;
990
867
  }
991
-
992
868
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
993
869
  border-top-color: #ccc;
994
870
  }
995
-
996
871
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
997
872
  border: 1px solid #ccc;
998
873
  }
999
-
1000
874
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
1001
875
  background: #eee;
1002
876
  border-bottom: 0;
1003
877
  color: #333;
1004
878
  }
1005
-
1006
879
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
1007
880
  border-bottom-color: #ccc;
1008
881
  }
1009
-
1010
882
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
1011
883
  color: #eee;
1012
- }
884
+ }