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

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 (47) 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 +4 -6
  4. package/dist/es6/ej2-vue-inplace-editor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-inplace-editor.es5.js +4 -6
  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.d.ts +1 -1
  9. package/styles/bootstrap-dark.css +803 -1
  10. package/styles/bootstrap.css +938 -1
  11. package/styles/bootstrap4.css +1219 -1
  12. package/styles/bootstrap5-dark.css +885 -1
  13. package/styles/bootstrap5.css +885 -1
  14. package/styles/fabric-dark.css +754 -1
  15. package/styles/fabric.css +743 -1
  16. package/styles/fluent-dark.css +823 -1
  17. package/styles/fluent.css +823 -1
  18. package/styles/fluent2.css +1996 -0
  19. package/styles/fluent2.scss +1 -0
  20. package/styles/highcontrast-light.css +829 -1
  21. package/styles/highcontrast.css +837 -1
  22. package/styles/inplace-editor/bootstrap-dark.css +803 -1
  23. package/styles/inplace-editor/bootstrap.css +938 -1
  24. package/styles/inplace-editor/bootstrap4.css +1219 -1
  25. package/styles/inplace-editor/bootstrap5-dark.css +885 -1
  26. package/styles/inplace-editor/bootstrap5.css +885 -1
  27. package/styles/inplace-editor/fabric-dark.css +754 -1
  28. package/styles/inplace-editor/fabric.css +743 -1
  29. package/styles/inplace-editor/fluent-dark.css +823 -1
  30. package/styles/inplace-editor/fluent.css +823 -1
  31. package/styles/inplace-editor/fluent2.css +1996 -0
  32. package/styles/inplace-editor/fluent2.scss +1 -0
  33. package/styles/inplace-editor/highcontrast-light.css +829 -1
  34. package/styles/inplace-editor/highcontrast.css +837 -1
  35. package/styles/inplace-editor/material-dark.css +780 -1
  36. package/styles/inplace-editor/material.css +840 -1
  37. package/styles/inplace-editor/material3-dark.css +938 -1
  38. package/styles/inplace-editor/material3.css +1050 -1
  39. package/styles/inplace-editor/tailwind-dark.css +804 -1
  40. package/styles/inplace-editor/tailwind.css +804 -1
  41. package/styles/material-dark.css +780 -1
  42. package/styles/material.css +840 -1
  43. package/styles/material3-dark.css +938 -1
  44. package/styles/material3.css +1050 -1
  45. package/styles/tailwind-dark.css +804 -1
  46. package/styles/tailwind.css +804 -1
  47. package/CHANGELOG.md +0 -263
@@ -1 +1,803 @@
1
- @import '@syncfusion/ej2-inplace-editor/styles/inplace-editor/bootstrap-dark.css';
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
+ }