@syncfusion/ej2-inplace-editor 26.2.5 → 27.1.48

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