@syncfusion/ej2-inplace-editor 26.2.10 → 27.1.50

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 (131) hide show
  1. package/dist/ej2-inplace-editor.min.js +2 -2
  2. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  3. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-inplace-editor.es2015.js +8 -4
  5. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-inplace-editor.es5.js +7 -3
  7. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  8. package/dist/global/ej2-inplace-editor.min.js +2 -2
  9. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +18 -18
  12. package/src/inplace-editor/base/inplace-editor.js +7 -3
  13. package/src/inplace-editor/base/models.d.ts +1 -1
  14. package/styles/bootstrap-dark-lite.css +608 -0
  15. package/styles/bootstrap-dark-lite.scss +26 -0
  16. package/styles/bootstrap-dark.css +130 -193
  17. package/styles/bootstrap-dark.scss +1 -0
  18. package/styles/bootstrap-lite.css +743 -0
  19. package/styles/bootstrap-lite.scss +26 -0
  20. package/styles/bootstrap.css +130 -193
  21. package/styles/bootstrap.scss +1 -0
  22. package/styles/bootstrap4-lite.css +958 -0
  23. package/styles/bootstrap4-lite.scss +26 -0
  24. package/styles/bootstrap4.css +141 -259
  25. package/styles/bootstrap4.scss +1 -0
  26. package/styles/bootstrap5-dark-lite.css +676 -0
  27. package/styles/bootstrap5-dark-lite.scss +26 -0
  28. package/styles/bootstrap5-dark.css +148 -207
  29. package/styles/bootstrap5-dark.scss +1 -0
  30. package/styles/bootstrap5-lite.css +676 -0
  31. package/styles/bootstrap5-lite.scss +26 -0
  32. package/styles/bootstrap5.3-lite.css +680 -0
  33. package/styles/bootstrap5.3-lite.scss +26 -0
  34. package/styles/bootstrap5.3.css +828 -0
  35. package/styles/bootstrap5.3.scss +27 -0
  36. package/styles/bootstrap5.css +148 -207
  37. package/styles/bootstrap5.scss +1 -0
  38. package/styles/fabric-dark-lite.css +567 -0
  39. package/styles/fabric-dark-lite.scss +26 -0
  40. package/styles/fabric-dark.css +132 -187
  41. package/styles/fabric-dark.scss +1 -0
  42. package/styles/fabric-lite.css +563 -0
  43. package/styles/fabric-lite.scss +26 -0
  44. package/styles/fabric.css +132 -180
  45. package/styles/fabric.scss +1 -0
  46. package/styles/fluent-dark-lite.css +627 -0
  47. package/styles/fluent-dark-lite.scss +26 -0
  48. package/styles/fluent-dark.css +134 -194
  49. package/styles/fluent-dark.scss +1 -0
  50. package/styles/fluent-lite.css +627 -0
  51. package/styles/fluent-lite.scss +26 -0
  52. package/styles/fluent.css +134 -194
  53. package/styles/fluent.scss +1 -0
  54. package/styles/fluent2-lite.css +787 -0
  55. package/styles/fluent2-lite.scss +26 -0
  56. package/styles/fluent2.css +136 -180
  57. package/styles/fluent2.scss +1 -0
  58. package/styles/highcontrast-light-lite.css +656 -0
  59. package/styles/highcontrast-light-lite.scss +26 -0
  60. package/styles/highcontrast-light.css +131 -172
  61. package/styles/highcontrast-light.scss +1 -0
  62. package/styles/highcontrast-lite.css +664 -0
  63. package/styles/highcontrast-lite.scss +26 -0
  64. package/styles/highcontrast.css +131 -172
  65. package/styles/highcontrast.scss +1 -0
  66. package/styles/inplace-editor/_bigger.scss +189 -0
  67. package/styles/inplace-editor/_layout.scss +4 -190
  68. package/styles/inplace-editor/_theme.scss +4 -4
  69. package/styles/inplace-editor/bootstrap-dark.css +130 -193
  70. package/styles/inplace-editor/bootstrap-dark.scss +1 -0
  71. package/styles/inplace-editor/bootstrap.css +130 -193
  72. package/styles/inplace-editor/bootstrap.scss +1 -0
  73. package/styles/inplace-editor/bootstrap4.css +141 -259
  74. package/styles/inplace-editor/bootstrap4.scss +1 -0
  75. package/styles/inplace-editor/bootstrap5-dark.css +148 -207
  76. package/styles/inplace-editor/bootstrap5-dark.scss +1 -0
  77. package/styles/inplace-editor/bootstrap5.3.css +828 -0
  78. package/styles/inplace-editor/bootstrap5.3.scss +27 -0
  79. package/styles/inplace-editor/bootstrap5.css +148 -207
  80. package/styles/inplace-editor/bootstrap5.scss +1 -0
  81. package/styles/inplace-editor/fabric-dark.css +132 -187
  82. package/styles/inplace-editor/fabric-dark.scss +1 -0
  83. package/styles/inplace-editor/fabric.css +132 -180
  84. package/styles/inplace-editor/fabric.scss +1 -0
  85. package/styles/inplace-editor/fluent-dark.css +134 -194
  86. package/styles/inplace-editor/fluent-dark.scss +1 -0
  87. package/styles/inplace-editor/fluent.css +134 -194
  88. package/styles/inplace-editor/fluent.scss +1 -0
  89. package/styles/inplace-editor/fluent2.css +136 -180
  90. package/styles/inplace-editor/fluent2.scss +1 -0
  91. package/styles/inplace-editor/highcontrast-light.css +131 -172
  92. package/styles/inplace-editor/highcontrast-light.scss +1 -0
  93. package/styles/inplace-editor/highcontrast.css +131 -172
  94. package/styles/inplace-editor/highcontrast.scss +1 -0
  95. package/styles/inplace-editor/material-dark.css +135 -168
  96. package/styles/inplace-editor/material-dark.scss +1 -0
  97. package/styles/inplace-editor/material.css +141 -195
  98. package/styles/inplace-editor/material.scss +1 -0
  99. package/styles/inplace-editor/material3-dark.css +131 -193
  100. package/styles/inplace-editor/material3-dark.scss +1 -0
  101. package/styles/inplace-editor/material3.css +133 -193
  102. package/styles/inplace-editor/material3.scss +1 -0
  103. package/styles/inplace-editor/tailwind-dark.css +148 -188
  104. package/styles/inplace-editor/tailwind-dark.scss +1 -0
  105. package/styles/inplace-editor/tailwind.css +148 -188
  106. package/styles/inplace-editor/tailwind.scss +1 -0
  107. package/styles/material-dark-lite.css +615 -0
  108. package/styles/material-dark-lite.scss +26 -0
  109. package/styles/material-dark.css +135 -168
  110. package/styles/material-dark.scss +1 -0
  111. package/styles/material-lite.css +648 -0
  112. package/styles/material-lite.scss +26 -0
  113. package/styles/material.css +141 -195
  114. package/styles/material.scss +1 -0
  115. package/styles/material3-dark-lite.css +634 -0
  116. package/styles/material3-dark-lite.scss +26 -0
  117. package/styles/material3-dark.css +131 -193
  118. package/styles/material3-dark.scss +1 -0
  119. package/styles/material3-lite.css +636 -0
  120. package/styles/material3-lite.scss +26 -0
  121. package/styles/material3.css +133 -193
  122. package/styles/material3.scss +1 -0
  123. package/styles/tailwind-dark-lite.css +614 -0
  124. package/styles/tailwind-dark-lite.scss +26 -0
  125. package/styles/tailwind-dark.css +148 -188
  126. package/styles/tailwind-dark.scss +1 -0
  127. package/styles/tailwind-lite.css +614 -0
  128. package/styles/tailwind-lite.scss +26 -0
  129. package/styles/tailwind.css +148 -188
  130. package/styles/tailwind.scss +1 -0
  131. package/hotfix/26.1.35_Vol2.txt +0 -1
@@ -0,0 +1,563 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /*! calendar fabric theme variables */
4
+ .e-ddl.e-popup {
5
+ border: 0;
6
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
7
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
8
+ margin-top: 1px;
9
+ }
10
+ .e-ddl.e-popup .e-input-group input {
11
+ line-height: 15px;
12
+ }
13
+
14
+ .e-ddl.e-popup .e-input-group {
15
+ display: -webkit-box;
16
+ display: -ms-flexbox;
17
+ display: flex;
18
+ width: auto;
19
+ }
20
+
21
+ .e-popup.e-ddl .e-dropdownbase {
22
+ min-height: 26px;
23
+ }
24
+
25
+ .e-ddl.e-popup .e-filter-parent {
26
+ border-left-width: 0;
27
+ border-right-width: 0;
28
+ }
29
+
30
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
31
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
32
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
33
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
34
+ background: transparent;
35
+ color: #333;
36
+ }
37
+
38
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
39
+ height: 30px;
40
+ width: 30px;
41
+ }
42
+
43
+ .e-small .e-multi-select-wrapper .e-chips {
44
+ padding: 0;
45
+ }
46
+
47
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
48
+ padding: 0 8px;
49
+ }
50
+
51
+ .e-small .e-multi-select-wrapper .e-chips {
52
+ margin: 2px 2px 2px 0;
53
+ }
54
+
55
+ /* stylelint-disable property-no-vendor-prefix */
56
+ @-webkit-keyframes material-spinner-rotate {
57
+ 0% {
58
+ -webkit-transform: rotate(0);
59
+ transform: rotate(0);
60
+ }
61
+ 100% {
62
+ -webkit-transform: rotate(360deg);
63
+ transform: rotate(360deg);
64
+ }
65
+ }
66
+ @keyframes material-spinner-rotate {
67
+ 0% {
68
+ -webkit-transform: rotate(0);
69
+ transform: rotate(0);
70
+ }
71
+ 100% {
72
+ -webkit-transform: rotate(360deg);
73
+ transform: rotate(360deg);
74
+ }
75
+ }
76
+ @-webkit-keyframes fabric-spinner-rotate {
77
+ 0% {
78
+ -webkit-transform: rotate(0);
79
+ transform: rotate(0);
80
+ }
81
+ 100% {
82
+ -webkit-transform: rotate(360deg);
83
+ transform: rotate(360deg);
84
+ }
85
+ }
86
+ @keyframes fabric-spinner-rotate {
87
+ 0% {
88
+ -webkit-transform: rotate(0);
89
+ transform: rotate(0);
90
+ }
91
+ 100% {
92
+ -webkit-transform: rotate(360deg);
93
+ transform: rotate(360deg);
94
+ }
95
+ }
96
+ /*! Fabric theme definitions and variables */
97
+ /*! Value element styles */
98
+ /*! Tooltip styles */
99
+ /*! Tip Content styles */
100
+ /*! Title styles */
101
+ /*! Wrapper styles */
102
+ /*! Component group styles */
103
+ /*! Button styles */
104
+ /*! inplaceeditor icons */
105
+ .e-inplaceeditor .e-save-icon::before,
106
+ .e-inplaceeditor-tip .e-save-icon::before {
107
+ content: "\e614";
108
+ }
109
+ .e-inplaceeditor .e-cancel-icon::before,
110
+ .e-inplaceeditor-tip .e-cancel-icon::before {
111
+ content: "\ebe8";
112
+ }
113
+ .e-inplaceeditor .e-editable-overlay-icon::before,
114
+ .e-inplaceeditor-tip .e-editable-overlay-icon::before {
115
+ content: "\e97c";
116
+ }
117
+
118
+ .e-inplaceeditor {
119
+ display: inline-block;
120
+ position: relative;
121
+ width: auto;
122
+ }
123
+ .e-inplaceeditor .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
124
+ display: block;
125
+ visibility: hidden;
126
+ }
127
+ .e-inplaceeditor .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
128
+ display: block;
129
+ visibility: hidden;
130
+ }
131
+ .e-inplaceeditor .e-editable-value-wrapper {
132
+ display: inline-block;
133
+ padding: 6px 10px;
134
+ position: relative;
135
+ width: auto;
136
+ word-break: break-word;
137
+ }
138
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
139
+ display: inline-block;
140
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
141
+ font-size: 14px;
142
+ margin: 0 30px 0 0;
143
+ }
144
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
145
+ bottom: 0;
146
+ cursor: pointer;
147
+ display: -webkit-inline-box;
148
+ display: -ms-inline-flexbox;
149
+ display: inline-flex;
150
+ height: inherit;
151
+ position: absolute;
152
+ right: 10px;
153
+ top: 0;
154
+ visibility: hidden;
155
+ width: 18px;
156
+ }
157
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
158
+ -webkit-box-align: center;
159
+ -ms-flex-align: center;
160
+ align-items: center;
161
+ display: -webkit-box;
162
+ display: -ms-flexbox;
163
+ display: flex;
164
+ font-size: 14px;
165
+ }
166
+ .e-inplaceeditor .e-editable-value-wrapper.e-hide {
167
+ display: none;
168
+ }
169
+ .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
170
+ -webkit-user-select: none;
171
+ -moz-user-select: none;
172
+ -ms-user-select: none;
173
+ user-select: none;
174
+ }
175
+ .e-inplaceeditor .e-editable-value-wrapper.e-loading {
176
+ pointer-events: none;
177
+ }
178
+ .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
179
+ left: unset;
180
+ right: 10px;
181
+ }
182
+ .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
183
+ visibility: visible;
184
+ }
185
+ .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
186
+ visibility: hidden;
187
+ }
188
+ .e-inplaceeditor .e-editable-value-container {
189
+ display: inline-block;
190
+ padding: 6px 10px;
191
+ position: relative;
192
+ width: auto;
193
+ word-break: break-word;
194
+ }
195
+ .e-inplaceeditor .e-editable-value-container .e-editable-value {
196
+ display: inline-block;
197
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
198
+ font-size: 14px;
199
+ margin: 0 30px 0 0;
200
+ }
201
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
202
+ bottom: 0;
203
+ cursor: pointer;
204
+ display: -webkit-inline-box;
205
+ display: -ms-inline-flexbox;
206
+ display: inline-flex;
207
+ height: inherit;
208
+ position: absolute;
209
+ right: 10px;
210
+ top: 0;
211
+ visibility: hidden;
212
+ width: 18px;
213
+ }
214
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
215
+ -webkit-box-align: center;
216
+ -ms-flex-align: center;
217
+ align-items: center;
218
+ display: -webkit-box;
219
+ display: -ms-flexbox;
220
+ display: flex;
221
+ font-size: 14px;
222
+ }
223
+ .e-inplaceeditor .e-editable-value-container.e-hide {
224
+ display: none;
225
+ }
226
+ .e-inplaceeditor .e-editable-value-container.e-editable-open {
227
+ -webkit-user-select: none;
228
+ -moz-user-select: none;
229
+ -ms-user-select: none;
230
+ user-select: none;
231
+ }
232
+ .e-inplaceeditor .e-editable-value-container.e-loading {
233
+ pointer-events: none;
234
+ }
235
+ .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
236
+ left: unset;
237
+ right: 10px;
238
+ }
239
+ .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
240
+ visibility: visible;
241
+ }
242
+ .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
243
+ visibility: hidden;
244
+ }
245
+ .e-inplaceeditor .e-editable-action-buttons {
246
+ margin-top: 4px;
247
+ position: absolute;
248
+ right: 0;
249
+ z-index: 100;
250
+ }
251
+ .e-inplaceeditor.e-overlay {
252
+ -webkit-user-select: none;
253
+ -moz-user-select: none;
254
+ -ms-user-select: none;
255
+ user-select: none;
256
+ }
257
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
258
+ margin: 0 0 0 30px;
259
+ }
260
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
261
+ left: 10px;
262
+ right: auto;
263
+ }
264
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
265
+ right: unset;
266
+ }
267
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
268
+ .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
269
+ left: 10px;
270
+ }
271
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
272
+ margin: 0 0 0 30px;
273
+ }
274
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
275
+ left: 10px;
276
+ right: auto;
277
+ }
278
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
279
+ right: unset;
280
+ }
281
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
282
+ .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
283
+ left: 10px;
284
+ }
285
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons {
286
+ left: 0;
287
+ right: auto;
288
+ }
289
+
290
+ .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
291
+ .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
292
+ stroke-width: inherit;
293
+ }
294
+ .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
295
+ .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
296
+ stroke-width: inherit;
297
+ }
298
+ .e-inplaceeditor .e-editable-loading,
299
+ .e-inplaceeditor-tip .e-editable-loading {
300
+ display: none;
301
+ min-height: 100%;
302
+ position: absolute;
303
+ top: 0;
304
+ }
305
+ .e-inplaceeditor .e-editable-loading.e-show,
306
+ .e-inplaceeditor-tip .e-editable-loading.e-show {
307
+ display: block;
308
+ }
309
+ .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
310
+ .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
311
+ left: auto;
312
+ right: 5px;
313
+ -webkit-transform: translateX(-30%) translateY(-50%);
314
+ transform: translateX(-30%) translateY(-50%);
315
+ }
316
+ .e-inplaceeditor .e-editable-form,
317
+ .e-inplaceeditor-tip .e-editable-form {
318
+ width: 100%;
319
+ }
320
+ .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
321
+ .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
322
+ visibility: hidden;
323
+ }
324
+ .e-inplaceeditor .e-component-group,
325
+ .e-inplaceeditor-tip .e-component-group {
326
+ margin-bottom: 4px;
327
+ }
328
+ .e-inplaceeditor .e-component-group .e-editable-component,
329
+ .e-inplaceeditor-tip .e-component-group .e-editable-component {
330
+ min-width: 150px;
331
+ position: relative;
332
+ }
333
+ .e-inplaceeditor .e-control-overlay,
334
+ .e-inplaceeditor-tip .e-control-overlay {
335
+ visibility: hidden;
336
+ }
337
+ .e-inplaceeditor .e-control-overlay.e-richtexteditor,
338
+ .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
339
+ opacity: 0.5;
340
+ pointer-events: none;
341
+ -webkit-user-select: none;
342
+ -moz-user-select: none;
343
+ -ms-user-select: none;
344
+ user-select: none;
345
+ visibility: visible;
346
+ }
347
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
348
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
349
+ margin: 0 4px 0 0;
350
+ }
351
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
352
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
353
+ font-size: 16px;
354
+ }
355
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
356
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
357
+ margin: 0 0 0 4px;
358
+ }
359
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
360
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
361
+ font-size: 16px;
362
+ }
363
+ .e-inplaceeditor .e-editable-action-buttons.e-hide,
364
+ .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
365
+ visibility: hidden;
366
+ }
367
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
368
+ .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
369
+ margin: 0 0 0 4px;
370
+ }
371
+ .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
372
+ .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
373
+ margin: 0 4px 0 0;
374
+ }
375
+ .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
376
+ .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
377
+ left: 5px;
378
+ right: auto;
379
+ -webkit-transform: translateX(30%) translateY(-50%);
380
+ transform: translateX(30%) translateY(-50%);
381
+ }
382
+
383
+ .e-inplaceeditor-tip {
384
+ opacity: 1;
385
+ width: auto;
386
+ }
387
+ .e-inplaceeditor-tip.e-tooltip-wrap {
388
+ max-width: 100%;
389
+ }
390
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
391
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
392
+ display: block;
393
+ visibility: hidden;
394
+ }
395
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
396
+ padding: 0;
397
+ }
398
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
399
+ -ms-flex-line-pack: center;
400
+ align-content: center;
401
+ display: -webkit-box;
402
+ display: -ms-flexbox;
403
+ display: flex;
404
+ -webkit-box-orient: vertical;
405
+ -webkit-box-direction: normal;
406
+ -ms-flex-direction: column;
407
+ flex-direction: column;
408
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
409
+ font-size: 13px;
410
+ font-weight: 600;
411
+ height: 30px;
412
+ -webkit-box-pack: center;
413
+ -ms-flex-pack: center;
414
+ justify-content: center;
415
+ padding: 0 0 0 12px;
416
+ }
417
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
418
+ display: -webkit-box;
419
+ display: -ms-flexbox;
420
+ display: flex;
421
+ padding: 12px;
422
+ }
423
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
424
+ float: right;
425
+ margin-top: 4px;
426
+ position: relative;
427
+ right: auto;
428
+ top: auto;
429
+ }
430
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
431
+ display: -webkit-box;
432
+ display: -ms-flexbox;
433
+ display: flex;
434
+ padding: 12px;
435
+ }
436
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
437
+ float: right;
438
+ margin-top: 4px;
439
+ position: relative;
440
+ right: auto;
441
+ top: auto;
442
+ }
443
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
444
+ padding: 10px 12px 12px 12px;
445
+ }
446
+ .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
447
+ padding: 10px 12px 12px 12px;
448
+ }
449
+ .e-inplaceeditor-tip.e-hide {
450
+ visibility: hidden;
451
+ }
452
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
453
+ padding: 0 12px 0 0;
454
+ }
455
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
456
+ float: left;
457
+ }
458
+ .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
459
+ float: left;
460
+ }
461
+
462
+ .e-content-placeholder.e-inplaceeditor.e-placeholder-inplaceeditor {
463
+ background-size: 150px 60px;
464
+ min-height: 60px;
465
+ }
466
+
467
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
468
+ border-bottom: 1px dashed #333;
469
+ color: #333;
470
+ }
471
+ .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
472
+ color: #333;
473
+ }
474
+ .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
475
+ border-bottom: 0;
476
+ }
477
+ .e-inplaceeditor .e-editable-value-wrapper:hover {
478
+ background: #f4f4f4;
479
+ border-radius: 0;
480
+ }
481
+ .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
482
+ border-bottom-color: transparent;
483
+ }
484
+ .e-inplaceeditor .e-editable-value-container .e-editable-value {
485
+ border-bottom: 1px dashed #333;
486
+ color: #333;
487
+ }
488
+ .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
489
+ color: #333;
490
+ }
491
+ .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
492
+ border-bottom: 0;
493
+ }
494
+ .e-inplaceeditor .e-editable-value-container:hover {
495
+ background: #f4f4f4;
496
+ border-radius: 0;
497
+ }
498
+ .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
499
+ border-bottom-color: transparent;
500
+ }
501
+ .e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
502
+ border-bottom: 0;
503
+ }
504
+ .e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
505
+ border-bottom: 0;
506
+ }
507
+ .e-inplaceeditor.e-disable {
508
+ pointer-events: none;
509
+ -ms-touch-action: none;
510
+ touch-action: none;
511
+ }
512
+ .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
513
+ border-bottom-color: transparent;
514
+ }
515
+ .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
516
+ border-bottom-color: transparent;
517
+ }
518
+
519
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn,
520
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn,
521
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn,
522
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn {
523
+ -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
524
+ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
525
+ }
526
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
527
+ .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
528
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
529
+ .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
530
+ color: #333;
531
+ }
532
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
533
+ background: #fff;
534
+ -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
535
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.26);
536
+ }
537
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
538
+ border-radius: 0;
539
+ color: #333;
540
+ }
541
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
542
+ color: #fff;
543
+ }
544
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
545
+ border-bottom-color: #d0d0d0;
546
+ }
547
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
548
+ border-top-color: #d0d0d0;
549
+ }
550
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
551
+ border: 1px solid #d0d0d0;
552
+ }
553
+ .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
554
+ background: #eaeaea;
555
+ border-bottom: 0;
556
+ color: #333;
557
+ }
558
+ .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
559
+ border-bottom-color: #d0d0d0;
560
+ }
561
+ .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
562
+ color: #eaeaea;
563
+ }
@@ -0,0 +1,26 @@
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
+ @import 'ej2-inputs/styles/input/fabric-definition.scss';
3
+ @import 'ej2-inputs/styles/color-picker/fabric-definition.scss';
4
+ @import 'ej2-inputs/styles/maskedtextbox/fabric-definition.scss';
5
+ @import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
6
+ @import 'ej2-inputs/styles/slider/fabric-definition.scss';
7
+ @import 'ej2-inputs/styles/textbox/fabric-definition.scss';
8
+ @import 'ej2-buttons/styles/button/fabric-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/fabric-definition.scss';
10
+ @import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
11
+ @import 'ej2-calendars/styles/calendar/fabric-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
13
+ @import 'ej2-calendars/styles/daterangepicker/fabric-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
15
+ @import 'ej2-calendars/styles/timepicker/fabric-definition.scss';
16
+ @import 'ej2-dropdowns/styles/auto-complete/fabric-definition.scss';
17
+ @import 'ej2-dropdowns/styles/combo-box/fabric-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
19
+ @import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
20
+ @import 'ej2-popups/styles/popup/fabric-definition.scss';
21
+ @import 'ej2-popups/styles/spinner/fabric-definition.scss';
22
+ @import 'ej2-popups/styles/tooltip/fabric-definition.scss';
23
+ @import 'ej2-richtexteditor/styles/rich-text-editor/fabric-definition.scss';
24
+ @import 'inplace-editor/fabric-definition.scss';
25
+ @import 'inplace-editor/icons/fabric.scss';
26
+ @import 'inplace-editor/all.scss';