@syncfusion/ej2-react-inplace-editor 19.2.60 → 19.3.43

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