@syncfusion/ej2-vue-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 (44) hide show
  1. package/CHANGELOG.md +1 -10
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-inplace-editor.umd.min.js +10 -1
  4. package/dist/es6/ej2-vue-inplace-editor.es2015.js +19 -4
  5. package/dist/es6/ej2-vue-inplace-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inplace-editor.es5.js +13 -3
  7. package/dist/es6/ej2-vue-inplace-editor.es5.js.map +1 -1
  8. package/package.json +8 -8
  9. package/src/inplace-editor/inplaceeditor.component.d.ts +1 -0
  10. package/src/inplace-editor/inplaceeditor.component.js +13 -3
  11. package/styles/bootstrap-dark.css +15 -138
  12. package/styles/bootstrap.css +16 -144
  13. package/styles/bootstrap4.css +26 -194
  14. package/styles/bootstrap5-dark.css +32 -146
  15. package/styles/bootstrap5.css +32 -146
  16. package/styles/fabric-dark.css +15 -136
  17. package/styles/fabric.css +15 -136
  18. package/styles/fluent-dark.css +749 -0
  19. package/styles/fluent-dark.scss +1 -0
  20. package/styles/fluent.css +749 -0
  21. package/styles/fluent.scss +1 -0
  22. package/styles/highcontrast-light.css +16 -171
  23. package/styles/highcontrast.css +16 -171
  24. package/styles/inplace-editor/bootstrap-dark.css +15 -138
  25. package/styles/inplace-editor/bootstrap.css +16 -144
  26. package/styles/inplace-editor/bootstrap4.css +26 -194
  27. package/styles/inplace-editor/bootstrap5-dark.css +32 -146
  28. package/styles/inplace-editor/bootstrap5.css +32 -146
  29. package/styles/inplace-editor/fabric-dark.css +15 -136
  30. package/styles/inplace-editor/fabric.css +15 -136
  31. package/styles/inplace-editor/fluent-dark.css +749 -0
  32. package/styles/inplace-editor/fluent-dark.scss +1 -0
  33. package/styles/inplace-editor/fluent.css +749 -0
  34. package/styles/inplace-editor/fluent.scss +1 -0
  35. package/styles/inplace-editor/highcontrast-light.css +16 -171
  36. package/styles/inplace-editor/highcontrast.css +16 -171
  37. package/styles/inplace-editor/material-dark.css +11 -125
  38. package/styles/inplace-editor/material.css +11 -129
  39. package/styles/inplace-editor/tailwind-dark.css +17 -191
  40. package/styles/inplace-editor/tailwind.css +17 -191
  41. package/styles/material-dark.css +11 -125
  42. package/styles/material.css +11 -129
  43. package/styles/tailwind-dark.css +17 -191
  44. package/styles/tailwind.css +17 -191
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #374151;
79
80
  }
80
81
 
81
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
- margin: 0;
83
- min-height: 12px;
84
- min-width: 12px;
85
- padding: 6px;
86
- }
87
-
88
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
- min-height: 16px;
91
- min-width: 16px;
92
- }
93
-
94
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
- padding: 8px 16px 8px 0;
97
- }
98
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
110
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
- margin: 0;
117
- }
118
-
119
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
122
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
- padding: 5px 5px 5px 12px;
126
- }
127
-
128
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
- min-height: 18px;
136
- min-width: 18px;
137
- }
138
-
139
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
141
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
143
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
- padding: 8px 16px;
147
- }
148
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,11 +116,11 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
- .e-multi-select-wrapper .e-searcher input[type='text'] {
123
+ .e-multi-select-wrapper .e-searcher input[type=text] {
180
124
  color: #fff;
181
125
  height: 100%;
182
126
  }
@@ -189,7 +133,6 @@
189
133
  transform: rotate(360deg);
190
134
  }
191
135
  }
192
-
193
136
  @keyframes fabric-spinner-rotate {
194
137
  0% {
195
138
  transform: rotate(0);
@@ -198,21 +141,18 @@
198
141
  transform: rotate(360deg);
199
142
  }
200
143
  }
201
-
202
144
  /*! inplaceeditor icons */
203
145
  .e-inplaceeditor .e-save-icon::before,
204
146
  .e-inplaceeditor-tip .e-save-icon::before {
205
- content: '\e75d';
147
+ content: "\e774";
206
148
  }
207
-
208
149
  .e-inplaceeditor .e-cancel-icon::before,
209
150
  .e-inplaceeditor-tip .e-cancel-icon::before {
210
- content: '\e771';
151
+ content: "\e7e7";
211
152
  }
212
-
213
153
  .e-inplaceeditor .e-editable-overlay-icon::before,
214
154
  .e-inplaceeditor-tip .e-editable-overlay-icon::before {
215
- content: '\e7d2';
155
+ content: "\e730";
216
156
  }
217
157
 
218
158
  /*! inplaceeditor layout */
@@ -220,107 +160,88 @@
220
160
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
221
161
  padding: 7px 12px 7px 12px;
222
162
  }
223
-
224
163
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
225
164
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
226
165
  font-size: 16px;
227
166
  margin: 0 30px 0 0;
228
167
  }
229
-
230
168
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
231
169
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
232
170
  right: 8px;
233
171
  width: 20px;
234
172
  }
235
-
236
173
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
237
174
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
238
175
  font-size: 16px;
239
176
  }
240
-
241
177
  .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
242
178
  .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
243
179
  right: 8px;
244
180
  }
245
-
246
181
  .e-bigger .e-inplaceeditor .e-editable-value-container,
247
182
  .e-inplaceeditor.e-bigger .e-editable-value-container {
248
183
  padding: 7px 12px 7px 12px;
249
184
  }
250
-
251
185
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
252
186
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
253
187
  font-size: 16px;
254
188
  margin: 0 30px 0 0;
255
189
  }
256
-
257
190
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
258
191
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
259
192
  right: 8px;
260
193
  width: 20px;
261
194
  }
262
-
263
195
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
264
196
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
265
197
  font-size: 16px;
266
198
  }
267
-
268
199
  .e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
269
200
  .e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
270
201
  right: 8px;
271
202
  }
272
-
273
203
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
274
204
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
275
205
  margin: 0 4px 0 0;
276
206
  }
277
-
278
207
  .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
279
208
  .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
280
209
  margin: 0 0 0 4px;
281
210
  }
282
-
283
211
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
284
212
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
285
213
  margin: 0 0 0 30px;
286
214
  }
287
-
288
215
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
289
216
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
290
217
  left: 8px;
291
218
  right: auto;
292
219
  }
293
-
294
220
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
295
221
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
296
222
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
297
223
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
298
224
  left: 8px;
299
225
  }
300
-
301
226
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
302
227
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
303
228
  margin: 0 0 0 30px;
304
229
  }
305
-
306
230
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
307
231
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
308
232
  left: 8px;
309
233
  right: auto;
310
234
  }
311
-
312
235
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
313
236
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
314
237
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
315
238
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
316
239
  left: 8px;
317
240
  }
318
-
319
241
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
320
242
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
321
243
  margin: 0 0 0 4px;
322
244
  }
323
-
324
245
  .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
325
246
  .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
326
247
  margin: 0 4px 0 0;
@@ -331,17 +252,14 @@
331
252
  position: relative;
332
253
  width: auto;
333
254
  }
334
-
335
255
  .e-inplaceeditor .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
336
256
  display: block;
337
257
  visibility: hidden;
338
258
  }
339
-
340
259
  .e-inplaceeditor .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
341
260
  display: block;
342
261
  visibility: hidden;
343
262
  }
344
-
345
263
  .e-inplaceeditor .e-editable-value-wrapper {
346
264
  display: inline-block;
347
265
  padding: 3px 8px 5px 8px;
@@ -349,14 +267,12 @@
349
267
  width: auto;
350
268
  word-break: break-word;
351
269
  }
352
-
353
270
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
354
271
  display: inline-block;
355
272
  font-family: "Inter";
356
273
  font-size: 14px;
357
274
  margin: 0 28px 0 0;
358
275
  }
359
-
360
276
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
361
277
  bottom: 0;
362
278
  cursor: pointer;
@@ -369,7 +285,6 @@
369
285
  visibility: hidden;
370
286
  width: 20px;
371
287
  }
372
-
373
288
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
374
289
  -ms-flex-align: center;
375
290
  align-items: center;
@@ -377,34 +292,27 @@
377
292
  display: flex;
378
293
  font-size: 14px;
379
294
  }
380
-
381
295
  .e-inplaceeditor .e-editable-value-wrapper.e-hide {
382
296
  display: none;
383
297
  }
384
-
385
298
  .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
386
299
  -webkit-user-select: none;
387
300
  -ms-user-select: none;
388
301
  user-select: none;
389
302
  }
390
-
391
303
  .e-inplaceeditor .e-editable-value-wrapper.e-loading {
392
304
  pointer-events: none;
393
305
  }
394
-
395
306
  .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
396
307
  left: unset;
397
308
  right: 8px;
398
309
  }
399
-
400
310
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
401
311
  visibility: visible;
402
312
  }
403
-
404
313
  .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
405
314
  visibility: hidden;
406
315
  }
407
-
408
316
  .e-inplaceeditor .e-editable-value-container {
409
317
  display: inline-block;
410
318
  padding: 3px 8px 5px 8px;
@@ -412,14 +320,12 @@
412
320
  width: auto;
413
321
  word-break: break-word;
414
322
  }
415
-
416
323
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
417
324
  display: inline-block;
418
325
  font-family: "Inter";
419
326
  font-size: 14px;
420
327
  margin: 0 28px 0 0;
421
328
  }
422
-
423
329
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
424
330
  bottom: 0;
425
331
  cursor: pointer;
@@ -432,7 +338,6 @@
432
338
  visibility: hidden;
433
339
  width: 20px;
434
340
  }
435
-
436
341
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
437
342
  -ms-flex-align: center;
438
343
  align-items: center;
@@ -440,83 +345,66 @@
440
345
  display: flex;
441
346
  font-size: 14px;
442
347
  }
443
-
444
348
  .e-inplaceeditor .e-editable-value-container.e-hide {
445
349
  display: none;
446
350
  }
447
-
448
351
  .e-inplaceeditor .e-editable-value-container.e-editable-open {
449
352
  -webkit-user-select: none;
450
353
  -ms-user-select: none;
451
354
  user-select: none;
452
355
  }
453
-
454
356
  .e-inplaceeditor .e-editable-value-container.e-loading {
455
357
  pointer-events: none;
456
358
  }
457
-
458
359
  .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
459
360
  left: unset;
460
361
  right: 8px;
461
362
  }
462
-
463
363
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
464
364
  visibility: visible;
465
365
  }
466
-
467
366
  .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
468
367
  visibility: hidden;
469
368
  }
470
-
471
369
  .e-inplaceeditor .e-editable-action-buttons {
472
370
  margin-top: 4px;
473
371
  position: absolute;
474
372
  right: 0;
475
373
  z-index: 100;
476
374
  }
477
-
478
375
  .e-inplaceeditor.e-overlay {
479
376
  -webkit-user-select: none;
480
377
  -ms-user-select: none;
481
378
  user-select: none;
482
379
  }
483
-
484
380
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
485
381
  margin: 0 0 0 28px;
486
382
  }
487
-
488
383
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
489
384
  left: 8px;
490
385
  right: auto;
491
386
  }
492
-
493
387
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
494
388
  right: unset;
495
389
  }
496
-
497
390
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
498
391
  .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
499
392
  left: 8px;
500
393
  }
501
-
502
394
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
503
395
  margin: 0 0 0 28px;
504
396
  }
505
-
506
397
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
507
398
  left: 8px;
508
399
  right: auto;
509
400
  }
510
-
511
401
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
512
402
  right: unset;
513
403
  }
514
-
515
404
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
516
405
  .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
517
406
  left: 8px;
518
407
  }
519
-
520
408
  .e-inplaceeditor.e-rtl .e-editable-action-buttons {
521
409
  left: 0;
522
410
  right: auto;
@@ -528,17 +416,14 @@
528
416
  .e-inplaceeditor-tip.e-bigger {
529
417
  width: auto;
530
418
  }
531
-
532
419
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
533
420
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
534
421
  stroke-width: inherit;
535
422
  }
536
-
537
423
  .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
538
424
  .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
539
425
  stroke-width: inherit;
540
426
  }
541
-
542
427
  .e-inplaceeditor .e-editable-loading,
543
428
  .e-inplaceeditor-tip .e-editable-loading {
544
429
  display: none;
@@ -546,90 +431,74 @@
546
431
  position: absolute;
547
432
  top: 0;
548
433
  }
549
-
550
434
  .e-inplaceeditor .e-editable-loading.e-show,
551
435
  .e-inplaceeditor-tip .e-editable-loading.e-show {
552
436
  display: block;
553
437
  }
554
-
555
438
  .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
556
439
  .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
557
440
  left: auto;
558
441
  right: 5px;
559
442
  transform: translateX(-30%) translateY(-50%);
560
443
  }
561
-
562
444
  .e-inplaceeditor .e-editable-form,
563
445
  .e-inplaceeditor-tip .e-editable-form {
564
446
  width: 100%;
565
447
  }
566
-
567
448
  .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
568
449
  .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
569
450
  visibility: hidden;
570
451
  }
571
-
572
452
  .e-inplaceeditor .e-component-group,
573
453
  .e-inplaceeditor-tip .e-component-group {
574
454
  margin-bottom: 4px;
575
455
  }
576
-
577
456
  .e-inplaceeditor .e-component-group .e-editable-component,
578
457
  .e-inplaceeditor-tip .e-component-group .e-editable-component {
579
458
  min-width: 150px;
580
459
  position: relative;
581
460
  }
582
-
583
461
  .e-inplaceeditor .e-control-overlay,
584
462
  .e-inplaceeditor-tip .e-control-overlay {
585
463
  visibility: hidden;
586
464
  }
587
-
588
465
  .e-inplaceeditor .e-control-overlay.e-richtexteditor,
589
466
  .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
590
- opacity: .5;
467
+ opacity: 0.5;
591
468
  pointer-events: none;
592
469
  -webkit-user-select: none;
593
470
  -ms-user-select: none;
594
471
  user-select: none;
595
472
  visibility: visible;
596
473
  }
597
-
598
474
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
599
475
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
600
476
  margin: 0 4px 0 0;
601
477
  }
602
-
603
478
  .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
604
479
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
605
480
  font-size: 16px;
606
481
  }
607
-
608
482
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
609
483
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
610
484
  margin: 0 0 0 4px;
611
485
  }
612
-
613
486
  .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
614
487
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
615
488
  font-size: 16px;
616
489
  }
617
-
618
490
  .e-inplaceeditor .e-editable-action-buttons.e-hide,
619
491
  .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
620
492
  visibility: hidden;
621
493
  }
622
-
623
494
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
624
495
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
625
496
  margin: 0 0 0 4px;
626
497
  }
627
-
628
498
  .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
629
499
  .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
630
500
  margin: 0 4px 0 0;
631
501
  }
632
-
633
502
  .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
634
503
  .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
635
504
  left: 5px;
@@ -637,33 +506,32 @@
637
506
  transform: translateX(30%) translateY(-50%);
638
507
  }
639
508
 
509
+ .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
510
+ .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
511
+ padding: 0;
512
+ }
640
513
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
641
514
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
642
515
  padding: 16px;
643
516
  }
644
-
645
517
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
646
518
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
647
519
  padding: 16px;
648
520
  }
649
-
650
521
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
651
522
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
652
523
  padding: 16px;
653
524
  }
654
-
655
525
  .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
656
526
  .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
657
527
  padding: 16px;
658
528
  }
659
-
660
529
  .e-bigger .e-inplaceeditor-tip .e-editable-title,
661
530
  .e-inplaceeditor-tip.e-bigger .e-editable-title {
662
531
  font-size: 14px;
663
532
  min-height: 36px;
664
533
  padding: 7px 16px 7px 16px;
665
534
  }
666
-
667
535
  .e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
668
536
  .e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
669
537
  padding: 7px 16px 7px 16px;
@@ -673,21 +541,17 @@
673
541
  opacity: 1;
674
542
  width: auto;
675
543
  }
676
-
677
544
  .e-inplaceeditor-tip.e-tooltip-wrap {
678
545
  max-width: 100%;
679
546
  }
680
-
681
547
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
682
548
  .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
683
549
  display: block;
684
550
  visibility: hidden;
685
551
  }
686
-
687
552
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
688
553
  padding: 0;
689
554
  }
690
-
691
555
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
692
556
  -ms-flex-line-pack: center;
693
557
  align-content: center;
@@ -703,13 +567,11 @@
703
567
  justify-content: center;
704
568
  padding: 6px 12px 6px 12px;
705
569
  }
706
-
707
570
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
708
571
  display: -ms-flexbox;
709
572
  display: flex;
710
573
  padding: 12px;
711
574
  }
712
-
713
575
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
714
576
  float: right;
715
577
  margin-top: 4px;
@@ -717,13 +579,11 @@
717
579
  right: auto;
718
580
  top: auto;
719
581
  }
720
-
721
582
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
722
583
  display: -ms-flexbox;
723
584
  display: flex;
724
585
  padding: 12px;
725
586
  }
726
-
727
587
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
728
588
  float: right;
729
589
  margin-top: 4px;
@@ -731,27 +591,21 @@
731
591
  right: auto;
732
592
  top: auto;
733
593
  }
734
-
735
594
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
736
595
  padding: 12px;
737
596
  }
738
-
739
597
  .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
740
598
  padding: 12px;
741
599
  }
742
-
743
600
  .e-inplaceeditor-tip.e-hide {
744
601
  visibility: hidden;
745
602
  }
746
-
747
603
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
748
604
  padding: 6px 12px 6px 12px;
749
605
  }
750
-
751
606
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
752
607
  float: left;
753
608
  }
754
-
755
609
  .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
756
610
  float: left;
757
611
  }
@@ -773,10 +627,6 @@
773
627
  border-radius: 4px;
774
628
  }
775
629
 
776
- .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
777
- padding: 0;
778
- }
779
-
780
630
  .e-control.e-inplaceeditor .e-editable-value-wrapper {
781
631
  min-height: 30px;
782
632
  }
@@ -791,8 +641,7 @@
791
641
  font-size: 14px;
792
642
  }
793
643
 
794
- .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons
795
- .e-bigger.e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons {
644
+ .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons .e-bigger.e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons {
796
645
  font-size: 22px;
797
646
  }
798
647
 
@@ -801,64 +650,50 @@
801
650
  border-bottom: 1px dashed #fff;
802
651
  color: #fff;
803
652
  }
804
-
805
653
  .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
806
654
  color: #d1d5db;
807
655
  }
808
-
809
656
  .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
810
657
  border-bottom: 0;
811
658
  }
812
-
813
659
  .e-inplaceeditor .e-editable-value-wrapper:hover {
814
660
  background: #374151;
815
661
  border-radius: 4px;
816
662
  }
817
-
818
663
  .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
819
664
  border-bottom-color: transparent;
820
665
  }
821
-
822
666
  .e-inplaceeditor .e-editable-value-container .e-editable-value {
823
667
  border-bottom: 1px dashed #fff;
824
668
  color: #fff;
825
669
  }
826
-
827
670
  .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
828
671
  color: #d1d5db;
829
672
  }
830
-
831
673
  .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
832
674
  border-bottom: 0;
833
675
  }
834
-
835
676
  .e-inplaceeditor .e-editable-value-container:hover {
836
677
  background: #374151;
837
678
  border-radius: 4px;
838
679
  }
839
-
840
680
  .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
841
681
  border-bottom-color: transparent;
842
682
  }
843
-
844
- .e-inplaceeditor[data-underline='false'] .e-editable-value-wrapper .e-editable-value {
683
+ .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
845
684
  border-bottom: 0;
846
685
  }
847
-
848
- .e-inplaceeditor[data-underline='false'] .e-editable-value-container .e-editable-value {
686
+ .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
849
687
  border-bottom: 0;
850
688
  }
851
-
852
689
  .e-inplaceeditor.e-disable {
853
690
  pointer-events: none;
854
691
  -ms-touch-action: none;
855
692
  touch-action: none;
856
693
  }
857
-
858
694
  .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
859
695
  border-bottom-color: transparent;
860
696
  }
861
-
862
697
  .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
863
698
  border-bottom-color: transparent;
864
699
  }
@@ -869,7 +704,6 @@
869
704
  .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
870
705
  color: #d1d5db;
871
706
  }
872
-
873
707
  .e-inplaceeditor .e-editable-value-wrapper {
874
708
  background-color: transparent;
875
709
  border-radius: 4px;
@@ -883,38 +717,30 @@
883
717
  background: #374151;
884
718
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
885
719
  }
886
-
887
720
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
888
721
  border-radius: 4px;
889
722
  color: #fff;
890
723
  }
891
-
892
724
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
893
725
  color: #374151;
894
726
  }
895
-
896
727
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
897
728
  border-bottom-color: #374151;
898
729
  }
899
-
900
730
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
901
731
  border-top-color: #374151;
902
732
  }
903
-
904
733
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
905
734
  border: 1px solid #4b5563;
906
735
  }
907
-
908
736
  .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
909
737
  background: #374151;
910
738
  border-bottom: 0;
911
739
  color: #9ca3af;
912
740
  }
913
-
914
741
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
915
742
  border-bottom-color: #374151;
916
743
  }
917
-
918
744
  .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
919
745
  color: #374151;
920
- }
746
+ }