@syncfusion/ej2-vue-inplace-editor 26.1.35 → 26.2.4

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