@syncfusion/ej2-react-inplace-editor 23.2.4 → 24.1.41

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