@syncfusion/ej2-react-inplace-editor 25.1.35 → 26.1.35

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