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