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