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