@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,804 +1 @@
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
- }
1
+ @import '@syncfusion/ej2-inplace-editor/styles/tailwind-dark.css';