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