@syncfusion/ej2-vue-schedule 20.3.61 → 20.4.38

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 (57) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +145 -41
  3. package/dist/ej2-vue-schedule.umd.min.js +2 -2
  4. package/dist/ej2-vue-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-schedule.es2015.js +4 -1
  6. package/dist/es6/ej2-vue-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-schedule.es5.js +4 -1
  8. package/dist/es6/ej2-vue-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-schedule.min.js +2 -2
  10. package/package.json +17 -23
  11. package/src/schedule/schedule.component.d.ts +1 -0
  12. package/src/schedule/schedule.component.js +4 -1
  13. package/styles/bootstrap-dark.css +364 -101
  14. package/styles/bootstrap.css +363 -99
  15. package/styles/bootstrap4.css +375 -141
  16. package/styles/bootstrap5-dark.css +339 -137
  17. package/styles/bootstrap5.css +339 -137
  18. package/styles/fabric-dark.css +330 -101
  19. package/styles/fabric.css +316 -106
  20. package/styles/fluent-dark.css +395 -102
  21. package/styles/fluent.css +395 -102
  22. package/styles/highcontrast-light.css +407 -98
  23. package/styles/highcontrast.css +399 -113
  24. package/styles/material-dark.css +362 -110
  25. package/styles/material.css +404 -110
  26. package/styles/recurrence-editor/bootstrap-dark.css +137 -28
  27. package/styles/recurrence-editor/bootstrap.css +137 -28
  28. package/styles/recurrence-editor/bootstrap4.css +171 -28
  29. package/styles/recurrence-editor/bootstrap5-dark.css +178 -28
  30. package/styles/recurrence-editor/bootstrap5.css +178 -28
  31. package/styles/recurrence-editor/fabric-dark.css +113 -28
  32. package/styles/recurrence-editor/fabric.css +106 -28
  33. package/styles/recurrence-editor/fluent-dark.css +158 -28
  34. package/styles/recurrence-editor/fluent.css +158 -28
  35. package/styles/recurrence-editor/highcontrast-light.css +110 -28
  36. package/styles/recurrence-editor/highcontrast.css +110 -28
  37. package/styles/recurrence-editor/material-dark.css +138 -28
  38. package/styles/recurrence-editor/material.css +163 -28
  39. package/styles/recurrence-editor/tailwind-dark.css +126 -28
  40. package/styles/recurrence-editor/tailwind.css +126 -28
  41. package/styles/schedule/bootstrap-dark.css +332 -73
  42. package/styles/schedule/bootstrap.css +331 -71
  43. package/styles/schedule/bootstrap4.css +343 -113
  44. package/styles/schedule/bootstrap5-dark.css +307 -109
  45. package/styles/schedule/bootstrap5.css +307 -109
  46. package/styles/schedule/fabric-dark.css +298 -73
  47. package/styles/schedule/fabric.css +284 -78
  48. package/styles/schedule/fluent-dark.css +363 -74
  49. package/styles/schedule/fluent.css +363 -74
  50. package/styles/schedule/highcontrast-light.css +375 -70
  51. package/styles/schedule/highcontrast.css +367 -85
  52. package/styles/schedule/material-dark.css +330 -82
  53. package/styles/schedule/material.css +372 -82
  54. package/styles/schedule/tailwind-dark.css +246 -111
  55. package/styles/schedule/tailwind.css +246 -111
  56. package/styles/tailwind-dark.css +279 -140
  57. package/styles/tailwind.css +279 -140
@@ -1,3 +1,108 @@
1
+ .e-popup.e-ddl {
2
+ border-radius: 4px;
3
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
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, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
31
+ font-size: 15px;
32
+ line-height: 40px;
33
+ padding-left: 0;
34
+ text-indent: 24px;
35
+ }
36
+
37
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
38
+ padding-left: 4px;
39
+ }
40
+
41
+ .e-bigger .e-popup.e-ddl .e-input-group {
42
+ padding: 4px 0;
43
+ }
44
+
45
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
46
+ height: 38px;
47
+ }
48
+
49
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
50
+ min-height: 40px;
51
+ }
52
+
53
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
54
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
55
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
56
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
57
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
58
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
59
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
60
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
61
+ background: transparent;
62
+ color: #f0f0f0;
63
+ }
64
+
65
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
66
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
67
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
68
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
69
+ border: 0;
70
+ }
71
+
72
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
73
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
74
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
76
+ box-shadow: none;
77
+ }
78
+
79
+ .e-ddl.e-popup .e-filter-parent {
80
+ border-bottom: 1px solid #484848;
81
+ }
82
+
83
+ .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 {
84
+ font-size: 14px;
85
+ line-height: 34px;
86
+ padding-left: 0;
87
+ text-indent: 16px;
88
+ }
89
+
90
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
91
+ padding-left: 4px;
92
+ }
93
+
94
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
95
+ padding: 4px 0;
96
+ }
97
+
98
+ .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 {
99
+ height: 30px;
100
+ }
101
+
102
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
103
+ min-height: 34px;
104
+ }
105
+
1
106
  /*! recurrence editor theme wise definitions*/
2
107
  /*! Recurrence-Editor component layout */
3
108
  .e-recurrenceeditor .e-editor {
@@ -5,8 +110,7 @@
5
110
  display: flex;
6
111
  -ms-flex-flow: row wrap;
7
112
  flex-flow: row wrap;
8
- margin-left: auto;
9
- margin-right: auto;
113
+ margin: 0 auto;
10
114
  max-width: 1240px;
11
115
  }
12
116
  .e-recurrenceeditor .e-recurrence-table {
@@ -47,7 +151,7 @@
47
151
  }
48
152
  .e-recurrenceeditor .e-form-right,
49
153
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
50
- padding: 0 0 10px 8px;
154
+ padding: 0 0 10px;
51
155
  }
52
156
  .e-recurrenceeditor .e-input-wrapper {
53
157
  float: left;
@@ -88,13 +192,11 @@
88
192
  margin-bottom: 5px;
89
193
  }
90
194
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
91
- padding-left: 8px;
92
- padding-right: 0;
195
+ padding: 0 0 0 8px;
93
196
  }
94
197
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
95
198
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
96
- padding-left: 0;
97
- padding-right: 8px;
199
+ padding: 0 8px 0 0;
98
200
  }
99
201
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
202
  width: 30px;
@@ -122,10 +224,10 @@
122
224
  margin-bottom: 11px;
123
225
  }
124
226
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
125
- margin-bottom: 11px;
227
+ padding-bottom: 11px;
126
228
  }
127
229
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
128
- margin-top: -3px;
230
+ padding-top: 3px;
129
231
  }
130
232
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
131
233
  display: none;
@@ -175,7 +277,7 @@
175
277
  }
176
278
  .e-bigger .e-recurrenceeditor .e-form-right,
177
279
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
- padding: 0 0 10px 12px;
280
+ padding: 0 0 10px;
179
281
  }
180
282
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
181
283
  padding-bottom: 6px;
@@ -234,8 +336,7 @@
234
336
  }
235
337
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
338
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
237
- padding-left: 0;
238
- padding-right: 64px;
339
+ padding: 0 64px 0 0;
239
340
  }
240
341
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
241
342
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -245,13 +346,11 @@
245
346
  margin-bottom: 5px;
246
347
  }
247
348
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
248
- padding-left: 12px;
249
- padding-right: 0;
349
+ padding: 0 0 0 12px;
250
350
  }
251
351
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
252
352
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
253
- padding-left: 0;
254
- padding-right: 12px;
353
+ padding: 0 12px 0 0;
255
354
  }
256
355
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
257
356
  left: 0;
@@ -283,8 +382,7 @@
283
382
  }
284
383
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
285
384
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
286
- padding-left: 10px;
287
- padding-right: 0;
385
+ padding: 0 0 0 10px;
288
386
  }
289
387
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
290
388
  padding-right: 10px;
@@ -305,23 +403,25 @@
305
403
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
404
  padding-left: 20px;
307
405
  }
406
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
407
+ margin-left: 20px;
408
+ }
308
409
  .e-device .e-recurrenceeditor .e-week-position {
309
410
  right: 0;
411
+ padding-right: 10px;
310
412
  }
311
413
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
312
414
  padding-right: 0;
313
415
  }
314
416
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
315
417
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
316
- padding-left: 0;
317
- padding-right: 10px;
418
+ padding: 0 10px 0 0;
318
419
  }
319
420
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
320
- padding-left: 0;
421
+ padding: 0 20px 0 0;
321
422
  }
322
423
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
- padding-right: 20px;
324
- padding-left: 0;
424
+ padding: 0 50px 0 0;
325
425
  }
326
426
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
427
  left: 0;
@@ -338,6 +438,14 @@
338
438
  padding: 16px 8px;
339
439
  }
340
440
 
441
+ @media (max-width: 1024px) {
442
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
443
+ width: 100%;
444
+ }
445
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
446
+ width: 65%;
447
+ }
448
+ }
341
449
  @media (max-width: 580px) {
342
450
  .e-recurrenceeditor {
343
451
  margin-left: auto;
@@ -373,8 +481,7 @@
373
481
  }
374
482
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
375
483
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
376
- padding-left: 10px;
377
- padding-right: 0;
484
+ padding: 0 0 0 10px;
378
485
  }
379
486
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
380
487
  padding-right: 10px;
@@ -387,15 +494,17 @@
387
494
  width: 100%;
388
495
  }
389
496
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
390
- width: 100%;
497
+ width: 65%;
498
+ }
499
+ .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
500
+ padding-left: 50px;
391
501
  }
392
502
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
393
503
  padding-right: 0;
394
504
  }
395
505
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
396
506
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
397
- padding-left: 0;
398
- padding-right: 10px;
507
+ padding: 0 10px 0 0;
399
508
  }
400
509
  }
401
510
  /*! Recurrence-Editor component theme */
@@ -1,3 +1,108 @@
1
+ .e-popup.e-ddl {
2
+ border-radius: 4px;
3
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
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, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
31
+ font-size: 15px;
32
+ line-height: 40px;
33
+ padding-left: 0;
34
+ text-indent: 24px;
35
+ }
36
+
37
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
38
+ padding-left: 4px;
39
+ }
40
+
41
+ .e-bigger .e-popup.e-ddl .e-input-group {
42
+ padding: 4px 0;
43
+ }
44
+
45
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
46
+ height: 38px;
47
+ }
48
+
49
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
50
+ min-height: 40px;
51
+ }
52
+
53
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
54
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
55
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
56
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
57
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
58
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
59
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
60
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
61
+ background: transparent;
62
+ color: #333;
63
+ }
64
+
65
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
66
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
67
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
68
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
69
+ border: 0;
70
+ }
71
+
72
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
73
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
74
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
76
+ box-shadow: none;
77
+ }
78
+
79
+ .e-ddl.e-popup .e-filter-parent {
80
+ border-bottom: 1px solid #ccc;
81
+ }
82
+
83
+ .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 {
84
+ font-size: 14px;
85
+ line-height: 34px;
86
+ padding-left: 0;
87
+ text-indent: 16px;
88
+ }
89
+
90
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
91
+ padding-left: 4px;
92
+ }
93
+
94
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
95
+ padding: 4px 0;
96
+ }
97
+
98
+ .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 {
99
+ height: 30px;
100
+ }
101
+
102
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
103
+ min-height: 34px;
104
+ }
105
+
1
106
  /*! recurrence editor theme wise definitions*/
2
107
  /*! Recurrence-Editor component layout */
3
108
  .e-recurrenceeditor .e-editor {
@@ -5,8 +110,7 @@
5
110
  display: flex;
6
111
  -ms-flex-flow: row wrap;
7
112
  flex-flow: row wrap;
8
- margin-left: auto;
9
- margin-right: auto;
113
+ margin: 0 auto;
10
114
  max-width: 1240px;
11
115
  }
12
116
  .e-recurrenceeditor .e-recurrence-table {
@@ -47,7 +151,7 @@
47
151
  }
48
152
  .e-recurrenceeditor .e-form-right,
49
153
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
50
- padding: 0 0 10px 8px;
154
+ padding: 0 0 10px;
51
155
  }
52
156
  .e-recurrenceeditor .e-input-wrapper {
53
157
  float: left;
@@ -88,13 +192,11 @@
88
192
  margin-bottom: 5px;
89
193
  }
90
194
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
91
- padding-left: 8px;
92
- padding-right: 0;
195
+ padding: 0 0 0 8px;
93
196
  }
94
197
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
95
198
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
96
- padding-left: 0;
97
- padding-right: 8px;
199
+ padding: 0 8px 0 0;
98
200
  }
99
201
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
202
  width: 30px;
@@ -122,10 +224,10 @@
122
224
  margin-bottom: 11px;
123
225
  }
124
226
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
125
- margin-bottom: 11px;
227
+ padding-bottom: 11px;
126
228
  }
127
229
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
128
- margin-top: -3px;
230
+ padding-top: 3px;
129
231
  }
130
232
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
131
233
  display: none;
@@ -175,7 +277,7 @@
175
277
  }
176
278
  .e-bigger .e-recurrenceeditor .e-form-right,
177
279
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
- padding: 0 0 10px 12px;
280
+ padding: 0 0 10px;
179
281
  }
180
282
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
181
283
  padding-bottom: 6px;
@@ -234,8 +336,7 @@
234
336
  }
235
337
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
338
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
237
- padding-left: 0;
238
- padding-right: 64px;
339
+ padding: 0 64px 0 0;
239
340
  }
240
341
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
241
342
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -245,13 +346,11 @@
245
346
  margin-bottom: 5px;
246
347
  }
247
348
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
248
- padding-left: 12px;
249
- padding-right: 0;
349
+ padding: 0 0 0 12px;
250
350
  }
251
351
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
252
352
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
253
- padding-left: 0;
254
- padding-right: 12px;
353
+ padding: 0 12px 0 0;
255
354
  }
256
355
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
257
356
  left: 0;
@@ -283,8 +382,7 @@
283
382
  }
284
383
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
285
384
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
286
- padding-left: 10px;
287
- padding-right: 0;
385
+ padding: 0 0 0 10px;
288
386
  }
289
387
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
290
388
  padding-right: 10px;
@@ -305,23 +403,25 @@
305
403
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
404
  padding-left: 20px;
307
405
  }
406
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
407
+ margin-left: 20px;
408
+ }
308
409
  .e-device .e-recurrenceeditor .e-week-position {
309
410
  right: 0;
411
+ padding-right: 10px;
310
412
  }
311
413
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
312
414
  padding-right: 0;
313
415
  }
314
416
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
315
417
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
316
- padding-left: 0;
317
- padding-right: 10px;
418
+ padding: 0 10px 0 0;
318
419
  }
319
420
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
320
- padding-left: 0;
421
+ padding: 0 20px 0 0;
321
422
  }
322
423
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
- padding-right: 20px;
324
- padding-left: 0;
424
+ padding: 0 50px 0 0;
325
425
  }
326
426
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
427
  left: 0;
@@ -338,6 +438,14 @@
338
438
  padding: 16px 8px;
339
439
  }
340
440
 
441
+ @media (max-width: 1024px) {
442
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
443
+ width: 100%;
444
+ }
445
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
446
+ width: 65%;
447
+ }
448
+ }
341
449
  @media (max-width: 580px) {
342
450
  .e-recurrenceeditor {
343
451
  margin-left: auto;
@@ -373,8 +481,7 @@
373
481
  }
374
482
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
375
483
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
376
- padding-left: 10px;
377
- padding-right: 0;
484
+ padding: 0 0 0 10px;
378
485
  }
379
486
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
380
487
  padding-right: 10px;
@@ -387,15 +494,17 @@
387
494
  width: 100%;
388
495
  }
389
496
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
390
- width: 100%;
497
+ width: 65%;
498
+ }
499
+ .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
500
+ padding-left: 50px;
391
501
  }
392
502
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
393
503
  padding-right: 0;
394
504
  }
395
505
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
396
506
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
397
- padding-left: 0;
398
- padding-right: 10px;
507
+ padding: 0 10px 0 0;
399
508
  }
400
509
  }
401
510
  /*! Recurrence-Editor component theme */