@syncfusion/ej2-vue-schedule 23.2.7 → 24.1.41

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 (67) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-vue-schedule.umd.min.js +2 -2
  3. package/dist/ej2-vue-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-schedule.es2015.js +66 -4
  5. package/dist/es6/ej2-vue-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-schedule.es5.js +66 -4
  7. package/dist/es6/ej2-vue-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-schedule.min.js +2 -2
  9. package/package.json +9 -9
  10. package/src/index.d.ts +1 -0
  11. package/src/index.js +1 -0
  12. package/src/schedule/index.d.ts +1 -0
  13. package/src/schedule/index.js +1 -0
  14. package/src/schedule/schedule.component.js +6 -3
  15. package/src/schedule/toolbaritems.directive.d.ts +25 -0
  16. package/src/schedule/toolbaritems.directive.js +61 -0
  17. package/styles/bootstrap-dark.css +1 -4546
  18. package/styles/bootstrap.css +1 -4541
  19. package/styles/bootstrap4.css +1 -4650
  20. package/styles/bootstrap5-dark.css +1 -4595
  21. package/styles/bootstrap5.css +1 -4595
  22. package/styles/fabric-dark.css +1 -4513
  23. package/styles/fabric.css +1 -4503
  24. package/styles/fluent-dark.css +1 -4572
  25. package/styles/fluent.css +1 -4572
  26. package/styles/highcontrast-light.css +1 -4585
  27. package/styles/highcontrast.css +1 -4594
  28. package/styles/material-dark.css +1 -4529
  29. package/styles/material.css +1 -4565
  30. package/styles/material3-dark.css +1 -4687
  31. package/styles/material3.css +1 -4799
  32. package/styles/recurrence-editor/bootstrap-dark.css +1 -510
  33. package/styles/recurrence-editor/bootstrap.css +1 -510
  34. package/styles/recurrence-editor/bootstrap4.css +1 -555
  35. package/styles/recurrence-editor/bootstrap5-dark.css +1 -551
  36. package/styles/recurrence-editor/bootstrap5.css +1 -551
  37. package/styles/recurrence-editor/fabric-dark.css +1 -486
  38. package/styles/recurrence-editor/fabric.css +1 -479
  39. package/styles/recurrence-editor/fluent-dark.css +1 -531
  40. package/styles/recurrence-editor/fluent.css +1 -531
  41. package/styles/recurrence-editor/highcontrast-light.css +1 -483
  42. package/styles/recurrence-editor/highcontrast.css +1 -483
  43. package/styles/recurrence-editor/material-dark.css +1 -511
  44. package/styles/recurrence-editor/material.css +1 -536
  45. package/styles/recurrence-editor/material3-dark.css +1 -601
  46. package/styles/recurrence-editor/material3.css +1 -657
  47. package/styles/recurrence-editor/tailwind-dark.css +1 -499
  48. package/styles/recurrence-editor/tailwind.css +1 -499
  49. package/styles/schedule/bootstrap-dark.css +1 -4140
  50. package/styles/schedule/bootstrap.css +1 -4135
  51. package/styles/schedule/bootstrap4.css +1 -4244
  52. package/styles/schedule/bootstrap5-dark.css +1 -4189
  53. package/styles/schedule/bootstrap5.css +1 -4189
  54. package/styles/schedule/fabric-dark.css +1 -4107
  55. package/styles/schedule/fabric.css +1 -4097
  56. package/styles/schedule/fluent-dark.css +1 -4166
  57. package/styles/schedule/fluent.css +1 -4166
  58. package/styles/schedule/highcontrast-light.css +1 -4179
  59. package/styles/schedule/highcontrast.css +1 -4188
  60. package/styles/schedule/material-dark.css +1 -4123
  61. package/styles/schedule/material.css +1 -4159
  62. package/styles/schedule/material3-dark.css +1 -4226
  63. package/styles/schedule/material3.css +1 -4282
  64. package/styles/schedule/tailwind-dark.css +1 -4130
  65. package/styles/schedule/tailwind.css +1 -4130
  66. package/styles/tailwind-dark.css +1 -4536
  67. package/styles/tailwind.css +1 -4536
@@ -1,555 +1 @@
1
- .e-popup.e-ddl {
2
- border-radius: 4px;
3
- box-shadow: none;
4
- margin-top: 3px;
5
- }
6
- .e-popup.e-ddl .e-input-group {
7
- width: auto;
8
- }
9
- .e-popup.e-ddl .e-input-group input {
10
- line-height: 15px;
11
- }
12
-
13
- .e-popup.e-ddl .e-dropdownbase {
14
- min-height: 26px;
15
- }
16
-
17
- .e-popup.e-ddl .e-filter-parent .e-input-group {
18
- display: -ms-flexbox;
19
- display: flex;
20
- width: auto;
21
- }
22
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
23
- border: 0;
24
- }
25
-
26
- .e-bigger .e-popup.e-ddl-device-filter {
27
- margin-top: 0;
28
- }
29
-
30
- .e-bigger .e-popup.e-ddl .e-list-item {
31
- font-size: 16px;
32
- line-height: 32px;
33
- padding-left: 0;
34
- text-indent: 24px;
35
- }
36
-
37
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
38
- font-size: 14px;
39
- line-height: 32px;
40
- padding-left: 0;
41
- text-indent: 24px;
42
- }
43
-
44
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
45
- padding-left: 4px;
46
- }
47
-
48
- .e-bigger .e-popup.e-ddl .e-input-group {
49
- padding: 4px 0;
50
- }
51
-
52
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
53
- font-size: 16px;
54
- height: 36px;
55
- }
56
-
57
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
58
- min-height: 40px;
59
- }
60
-
61
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
62
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
63
- background: transparent;
64
- }
65
-
66
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
67
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
68
- background: #e9ecef;
69
- }
70
-
71
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
72
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
73
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
74
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
75
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
76
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
77
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
78
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
79
- background: transparent;
80
- color: #495057;
81
- }
82
-
83
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
84
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
85
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
86
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
87
- border: 0;
88
- }
89
-
90
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
91
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
92
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
93
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
94
- box-shadow: none;
95
- }
96
-
97
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
98
- background: transparent;
99
- display: -ms-flexbox;
100
- display: flex;
101
- position: relative;
102
- }
103
-
104
- .e-ddl.e-popup .e-filter-parent .e-input-group,
105
- .e-ddl.e-popup .e-filter-parent {
106
- background: rgba(0, 0, 0, 0.03);
107
- }
108
-
109
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
110
- font-size: 12px;
111
- }
112
-
113
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
114
- .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
115
- font-size: 14px;
116
- }
117
-
118
- .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
119
- .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
120
- font-size: 10px;
121
- }
122
-
123
- .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
124
- .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
125
- font-size: 12px;
126
- }
127
-
128
- .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 {
129
- font-size: 14px;
130
- line-height: 34px;
131
- padding-left: 0;
132
- text-indent: 16px;
133
- }
134
-
135
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
136
- padding-left: 4px;
137
- }
138
-
139
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
140
- padding: 4px 0;
141
- }
142
-
143
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
144
- height: 30px;
145
- }
146
-
147
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
148
- min-height: 34px;
149
- }
150
-
151
- /*! recurrence editor theme wise definitions*/
152
- /*! Recurrence-Editor component layout */
153
- .e-recurrenceeditor .e-editor {
154
- display: -ms-flexbox;
155
- display: flex;
156
- -ms-flex-flow: row wrap;
157
- flex-flow: row wrap;
158
- margin: 0 auto;
159
- max-width: 1240px;
160
- }
161
- .e-recurrenceeditor .e-recurrence-table {
162
- table-layout: fixed;
163
- width: 100%;
164
- }
165
- .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
166
- width: 27%;
167
- }
168
- .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
169
- width: 24%;
170
- }
171
- .e-recurrenceeditor .e-recurrence-table .e-repeat-content {
172
- display: inline-block;
173
- font-weight: normal;
174
- padding: 18px 0 0 8px;
175
- }
176
- .e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
177
- float: none;
178
- width: 100%;
179
- }
180
- .e-recurrenceeditor .e-recurrence-table .e-week-position {
181
- min-width: 98px;
182
- position: relative;
183
- right: 20px;
184
- }
185
- .e-recurrenceeditor .e-recurrence-table .e-day-position {
186
- min-width: 120px;
187
- }
188
- .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
189
- padding-left: 10px;
190
- }
191
- .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
192
- padding: 0 8px 16px 0;
193
- }
194
- .e-recurrenceeditor .e-form-left {
195
- padding: 0 8px 16px 0;
196
- }
197
- .e-recurrenceeditor .e-form-right,
198
- .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
199
- padding: 0 0 10px;
200
- }
201
- .e-recurrenceeditor .e-input-wrapper {
202
- float: left;
203
- width: 50%;
204
- }
205
- .e-recurrenceeditor .e-input-wrapper div {
206
- margin-bottom: 2.5%;
207
- }
208
- .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
209
- .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
210
- padding-right: 0;
211
- }
212
- .e-recurrenceeditor.e-rtl .e-end-on > div,
213
- .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
214
- float: right;
215
- }
216
- .e-recurrenceeditor.e-rtl .e-form-left,
217
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
218
- padding: 0 0 10px 8px;
219
- }
220
- .e-recurrenceeditor.e-rtl .e-form-right,
221
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
222
- padding: 0 8px 10px 0;
223
- }
224
- .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
225
- position: relative;
226
- right: 10px;
227
- }
228
- .e-recurrenceeditor.e-rtl .e-week-position {
229
- left: 20px;
230
- right: 0;
231
- }
232
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
233
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
234
- padding-right: 0;
235
- }
236
- .e-recurrenceeditor.e-rtl .e-end-on-label {
237
- margin-bottom: 5px;
238
- }
239
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
240
- padding: 0 0 0 8px;
241
- }
242
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
243
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
244
- padding: 0 8px 0 0;
245
- }
246
- .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
247
- width: 30px;
248
- }
249
- .e-recurrenceeditor .e-days .e-week-expander-label {
250
- font-size: 14px;
251
- font-weight: 400;
252
- margin-bottom: 8px;
253
- }
254
- .e-recurrenceeditor .e-days button {
255
- border-radius: 50%;
256
- -ms-flex-flow: row wrap;
257
- flex-flow: row wrap;
258
- height: 35px;
259
- margin: 0 8px 10px;
260
- width: 35px;
261
- }
262
- .e-recurrenceeditor .e-hide-recurrence-element {
263
- display: none;
264
- }
265
- .e-recurrenceeditor .e-half-space {
266
- width: 20%;
267
- }
268
- .e-recurrenceeditor .e-year-expander {
269
- margin-bottom: 11px;
270
- }
271
- .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
272
- padding-bottom: 11px;
273
- }
274
- .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
275
- padding-top: 3px;
276
- }
277
- .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
278
- display: none;
279
- }
280
- .e-recurrenceeditor .e-input-wrapper-side {
281
- float: left;
282
- padding: 16px 20px 0;
283
- width: 50%;
284
- }
285
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
286
- float: none;
287
- font-size: 14px;
288
- font-weight: 400;
289
- margin-bottom: 7px;
290
- padding-right: 16px;
291
- }
292
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
293
- padding-right: 16px;
294
- }
295
- .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
296
- margin: 0;
297
- }
298
- .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
299
- font-size: 14px;
300
- font-weight: 400;
301
- margin-bottom: 7px;
302
- padding-right: 16px;
303
- }
304
- .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
305
- padding-bottom: 6px;
306
- }
307
- .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
308
- padding-bottom: 12px;
309
- }
310
- .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
311
- margin-bottom: 11px;
312
- }
313
-
314
- .e-bigger .e-recurrenceeditor {
315
- padding: 0;
316
- }
317
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
318
- padding: 0 12px 11px 0;
319
- }
320
- .e-bigger .e-recurrenceeditor .e-form-left {
321
- padding: 0 12px 14px 0;
322
- }
323
- .e-bigger .e-recurrenceeditor .e-form-right,
324
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
325
- padding: 0 0 10px;
326
- }
327
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
328
- padding-bottom: 6px;
329
- }
330
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
331
- padding-left: 70px;
332
- }
333
- .e-bigger .e-recurrenceeditor .e-week-position {
334
- min-width: 130px;
335
- right: 0;
336
- }
337
- .e-bigger .e-recurrenceeditor .e-day-position {
338
- min-width: 190px;
339
- padding-left: 54px;
340
- }
341
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
342
- font-size: 16px;
343
- margin-bottom: 0;
344
- }
345
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
346
- padding-right: 16px;
347
- }
348
- .e-bigger .e-recurrenceeditor .e-end-on-label {
349
- margin-bottom: 0;
350
- }
351
- .e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
352
- font-size: 16px;
353
- margin-bottom: 8px;
354
- }
355
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
356
- padding-bottom: 12px;
357
- }
358
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
359
- font-size: 16px;
360
- margin-bottom: 1px;
361
- }
362
- .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
363
- .e-bigger .e-recurrenceeditor .e-year-expander,
364
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
365
- margin-bottom: 11px;
366
- }
367
- .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
368
- width: 30px;
369
- }
370
- .e-bigger .e-recurrenceeditor .e-days button {
371
- height: 40px;
372
- width: 40px;
373
- }
374
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
375
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
376
- padding: 0 0 10px 12px;
377
- }
378
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
379
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
380
- padding: 0 12px 10px 0;
381
- }
382
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
383
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
384
- padding: 0 64px 0 0;
385
- }
386
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
387
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
388
- padding-right: 0;
389
- }
390
- .e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
391
- margin-bottom: 5px;
392
- }
393
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
394
- padding: 0 0 0 12px;
395
- }
396
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
397
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
398
- padding: 0 12px 0 0;
399
- }
400
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
401
- left: 0;
402
- }
403
-
404
- .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
405
- width: 25%;
406
- }
407
- .e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
408
- width: 20%;
409
- }
410
- .e-device .e-recurrenceeditor .e-week-expander-label {
411
- margin-bottom: 6px;
412
- }
413
- .e-device .e-recurrenceeditor .e-month-expander-label {
414
- font-size: 12px;
415
- margin-bottom: 5px;
416
- }
417
- .e-device .e-recurrenceeditor .e-footer-content {
418
- padding: 12px;
419
- }
420
- .e-device .e-recurrenceeditor .e-form-left,
421
- .e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
422
- padding: 0 3px 10px 0;
423
- }
424
- .e-device .e-recurrenceeditor .e-form-right,
425
- .e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
426
- padding: 0 0 10px 3px;
427
- }
428
- .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
429
- .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
430
- padding: 0 0 0 10px;
431
- }
432
- .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
433
- padding-right: 10px;
434
- }
435
- .e-device .e-recurrenceeditor.e-end-on {
436
- padding-right: 0;
437
- }
438
- .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
439
- float: none;
440
- font-size: 12px;
441
- font-weight: 400;
442
- margin-bottom: 7px;
443
- }
444
- .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
445
- padding-right: 0;
446
- }
447
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
448
- .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
449
- padding-left: 20px;
450
- }
451
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
452
- margin-left: 20px;
453
- }
454
- .e-device .e-recurrenceeditor .e-week-position {
455
- right: 0;
456
- padding-right: 10px;
457
- }
458
- .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
459
- padding-right: 0;
460
- }
461
- .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
462
- .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
463
- padding: 0 10px 0 0;
464
- }
465
- .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
466
- padding: 0 20px 0 0;
467
- }
468
- .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
469
- padding: 0 50px 0 0;
470
- }
471
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
472
- left: 0;
473
- }
474
- .e-device.e-recurrence-dialog .e-dlg-header-content {
475
- background: none;
476
- box-shadow: none;
477
- padding-bottom: 10px;
478
- }
479
- .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
480
- margin-bottom: 7px;
481
- }
482
- .e-device.e-recurrence-dialog .e-footer-content {
483
- padding: 16px 8px;
484
- }
485
-
486
- @media (max-width: 1024px) {
487
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
488
- width: 100%;
489
- }
490
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
491
- width: 65%;
492
- }
493
- }
494
- @media (max-width: 580px) {
495
- .e-recurrenceeditor {
496
- margin-left: auto;
497
- margin-right: auto;
498
- width: 100%;
499
- }
500
- .e-recurrenceeditor .e-editor {
501
- -ms-flex-direction: column;
502
- flex-direction: column;
503
- }
504
- .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
505
- margin-top: 0;
506
- }
507
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
508
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
509
- margin-bottom: 7px;
510
- }
511
- .e-recurrenceeditor .e-editor > div {
512
- margin-top: 20px;
513
- }
514
- .e-recurrenceeditor .e-editor > .e-input-wrapper {
515
- width: 100%;
516
- }
517
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
518
- width: 100%;
519
- }
520
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
521
- width: 50%;
522
- }
523
- .e-recurrenceeditor .e-editor .e-form-left,
524
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
525
- padding: 0 0 10px;
526
- }
527
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
528
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
529
- padding: 0 0 0 10px;
530
- }
531
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
532
- padding-right: 10px;
533
- }
534
- .e-recurrenceeditor .e-editor .e-form-right,
535
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
536
- padding-left: 0;
537
- }
538
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
539
- width: 100%;
540
- }
541
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
542
- width: 65%;
543
- }
544
- .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
545
- padding-left: 50px;
546
- }
547
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
548
- padding-right: 0;
549
- }
550
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
551
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
552
- padding: 0 10px 0 0;
553
- }
554
- }
555
- /*! Recurrence-Editor component theme */
1
+ @import '@syncfusion/ej2-schedule/styles/recurrence-editor/bootstrap4.css';