@syncfusion/ej2-vue-inplace-editor 23.2.5 → 24.2.3

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