@syncfusion/ej2-react-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 (51) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +110 -47
  3. package/diConfig.json +16 -21
  4. package/dist/ej2-react-schedule.min.js +1 -1
  5. package/dist/ej2-react-schedule.umd.min.js +1 -1
  6. package/package.json +17 -23
  7. package/styles/bootstrap-dark.css +364 -101
  8. package/styles/bootstrap.css +363 -99
  9. package/styles/bootstrap4.css +375 -141
  10. package/styles/bootstrap5-dark.css +339 -137
  11. package/styles/bootstrap5.css +339 -137
  12. package/styles/fabric-dark.css +330 -101
  13. package/styles/fabric.css +316 -106
  14. package/styles/fluent-dark.css +395 -102
  15. package/styles/fluent.css +395 -102
  16. package/styles/highcontrast-light.css +407 -98
  17. package/styles/highcontrast.css +399 -113
  18. package/styles/material-dark.css +362 -110
  19. package/styles/material.css +404 -110
  20. package/styles/recurrence-editor/bootstrap-dark.css +137 -28
  21. package/styles/recurrence-editor/bootstrap.css +137 -28
  22. package/styles/recurrence-editor/bootstrap4.css +171 -28
  23. package/styles/recurrence-editor/bootstrap5-dark.css +178 -28
  24. package/styles/recurrence-editor/bootstrap5.css +178 -28
  25. package/styles/recurrence-editor/fabric-dark.css +113 -28
  26. package/styles/recurrence-editor/fabric.css +106 -28
  27. package/styles/recurrence-editor/fluent-dark.css +158 -28
  28. package/styles/recurrence-editor/fluent.css +158 -28
  29. package/styles/recurrence-editor/highcontrast-light.css +110 -28
  30. package/styles/recurrence-editor/highcontrast.css +110 -28
  31. package/styles/recurrence-editor/material-dark.css +138 -28
  32. package/styles/recurrence-editor/material.css +163 -28
  33. package/styles/recurrence-editor/tailwind-dark.css +126 -28
  34. package/styles/recurrence-editor/tailwind.css +126 -28
  35. package/styles/schedule/bootstrap-dark.css +332 -73
  36. package/styles/schedule/bootstrap.css +331 -71
  37. package/styles/schedule/bootstrap4.css +343 -113
  38. package/styles/schedule/bootstrap5-dark.css +307 -109
  39. package/styles/schedule/bootstrap5.css +307 -109
  40. package/styles/schedule/fabric-dark.css +298 -73
  41. package/styles/schedule/fabric.css +284 -78
  42. package/styles/schedule/fluent-dark.css +363 -74
  43. package/styles/schedule/fluent.css +363 -74
  44. package/styles/schedule/highcontrast-light.css +375 -70
  45. package/styles/schedule/highcontrast.css +367 -85
  46. package/styles/schedule/material-dark.css +330 -82
  47. package/styles/schedule/material.css +372 -82
  48. package/styles/schedule/tailwind-dark.css +246 -111
  49. package/styles/schedule/tailwind.css +246 -111
  50. package/styles/tailwind-dark.css +279 -140
  51. package/styles/tailwind.css +279 -140
@@ -1,3 +1,142 @@
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: 8px;
111
+ }
112
+
113
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
114
+ font-size: 10px;
115
+ }
116
+
117
+ .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 {
118
+ font-size: 14px;
119
+ line-height: 34px;
120
+ padding-left: 0;
121
+ text-indent: 16px;
122
+ }
123
+
124
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
125
+ padding-left: 4px;
126
+ }
127
+
128
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
129
+ padding: 4px 0;
130
+ }
131
+
132
+ .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 {
133
+ height: 30px;
134
+ }
135
+
136
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
137
+ min-height: 34px;
138
+ }
139
+
1
140
  /*! recurrence editor theme wise definitions*/
2
141
  /*! Recurrence-Editor component layout */
3
142
  .e-recurrenceeditor .e-editor {
@@ -5,8 +144,7 @@
5
144
  display: flex;
6
145
  -ms-flex-flow: row wrap;
7
146
  flex-flow: row wrap;
8
- margin-left: auto;
9
- margin-right: auto;
147
+ margin: 0 auto;
10
148
  max-width: 1240px;
11
149
  }
12
150
  .e-recurrenceeditor .e-recurrence-table {
@@ -47,7 +185,7 @@
47
185
  }
48
186
  .e-recurrenceeditor .e-form-right,
49
187
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
50
- padding: 0 0 10px 8px;
188
+ padding: 0 0 10px;
51
189
  }
52
190
  .e-recurrenceeditor .e-input-wrapper {
53
191
  float: left;
@@ -88,13 +226,11 @@
88
226
  margin-bottom: 5px;
89
227
  }
90
228
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
91
- padding-left: 8px;
92
- padding-right: 0;
229
+ padding: 0 0 0 8px;
93
230
  }
94
231
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
95
232
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
96
- padding-left: 0;
97
- padding-right: 8px;
233
+ padding: 0 8px 0 0;
98
234
  }
99
235
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
236
  width: 30px;
@@ -122,10 +258,10 @@
122
258
  margin-bottom: 11px;
123
259
  }
124
260
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
125
- margin-bottom: 11px;
261
+ padding-bottom: 11px;
126
262
  }
127
263
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
128
- margin-top: -3px;
264
+ padding-top: 3px;
129
265
  }
130
266
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
131
267
  display: none;
@@ -175,7 +311,7 @@
175
311
  }
176
312
  .e-bigger .e-recurrenceeditor .e-form-right,
177
313
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
- padding: 0 0 10px 12px;
314
+ padding: 0 0 10px;
179
315
  }
180
316
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
181
317
  padding-bottom: 6px;
@@ -234,8 +370,7 @@
234
370
  }
235
371
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
372
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
237
- padding-left: 0;
238
- padding-right: 64px;
373
+ padding: 0 64px 0 0;
239
374
  }
240
375
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
241
376
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -245,13 +380,11 @@
245
380
  margin-bottom: 5px;
246
381
  }
247
382
  .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;
383
+ padding: 0 0 0 12px;
250
384
  }
251
385
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
252
386
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
253
- padding-left: 0;
254
- padding-right: 12px;
387
+ padding: 0 12px 0 0;
255
388
  }
256
389
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
257
390
  left: 0;
@@ -283,8 +416,7 @@
283
416
  }
284
417
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
285
418
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
286
- padding-left: 10px;
287
- padding-right: 0;
419
+ padding: 0 0 0 10px;
288
420
  }
289
421
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
290
422
  padding-right: 10px;
@@ -305,23 +437,25 @@
305
437
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
438
  padding-left: 20px;
307
439
  }
440
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
441
+ margin-left: 20px;
442
+ }
308
443
  .e-device .e-recurrenceeditor .e-week-position {
309
444
  right: 0;
445
+ padding-right: 10px;
310
446
  }
311
447
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
312
448
  padding-right: 0;
313
449
  }
314
450
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
315
451
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
316
- padding-left: 0;
317
- padding-right: 10px;
452
+ padding: 0 10px 0 0;
318
453
  }
319
454
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
320
- padding-left: 0;
455
+ padding: 0 20px 0 0;
321
456
  }
322
457
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
- padding-right: 20px;
324
- padding-left: 0;
458
+ padding: 0 50px 0 0;
325
459
  }
326
460
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
461
  left: 0;
@@ -338,6 +472,14 @@
338
472
  padding: 16px 8px;
339
473
  }
340
474
 
475
+ @media (max-width: 1024px) {
476
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
477
+ width: 100%;
478
+ }
479
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
480
+ width: 65%;
481
+ }
482
+ }
341
483
  @media (max-width: 580px) {
342
484
  .e-recurrenceeditor {
343
485
  margin-left: auto;
@@ -373,8 +515,7 @@
373
515
  }
374
516
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
375
517
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
376
- padding-left: 10px;
377
- padding-right: 0;
518
+ padding: 0 0 0 10px;
378
519
  }
379
520
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
380
521
  padding-right: 10px;
@@ -387,15 +528,17 @@
387
528
  width: 100%;
388
529
  }
389
530
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
390
- width: 100%;
531
+ width: 65%;
532
+ }
533
+ .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
534
+ padding-left: 50px;
391
535
  }
392
536
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
393
537
  padding-right: 0;
394
538
  }
395
539
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
396
540
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
397
- padding-left: 0;
398
- padding-right: 10px;
541
+ padding: 0 10px 0 0;
399
542
  }
400
543
  }
401
544
  /*! Recurrence-Editor component theme */
@@ -1,3 +1,149 @@
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: 16px;
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: 16px;
42
+ }
43
+
44
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
45
+ padding-left: 0;
46
+ }
47
+
48
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
49
+ font-size: 16px;
50
+ height: 36px;
51
+ }
52
+
53
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
54
+ min-height: 40px;
55
+ }
56
+
57
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
58
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
59
+ background: transparent;
60
+ }
61
+
62
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
63
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
64
+ background: #343a40;
65
+ }
66
+
67
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
68
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
69
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
70
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
71
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
72
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
73
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
74
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
75
+ background: transparent;
76
+ color: #adb5bd;
77
+ }
78
+
79
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
80
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
81
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
82
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
83
+ background: transparent;
84
+ color: #adb5bd;
85
+ }
86
+
87
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
88
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
89
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
90
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
91
+ background: #343a40;
92
+ }
93
+
94
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
95
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
96
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
97
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
98
+ border: 0;
99
+ }
100
+
101
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
102
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
103
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
104
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
105
+ box-shadow: none;
106
+ }
107
+
108
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
109
+ background: transparent;
110
+ display: -ms-flexbox;
111
+ display: flex;
112
+ position: relative;
113
+ }
114
+
115
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
116
+ .e-ddl.e-popup .e-filter-parent {
117
+ background: #212529;
118
+ }
119
+
120
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
121
+ font-size: 14px;
122
+ }
123
+
124
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
125
+ font-size: 16px;
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 input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
140
+ height: 30px;
141
+ }
142
+
143
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
144
+ min-height: 34px;
145
+ }
146
+
1
147
  /*! recurrence editor theme wise definitions*/
2
148
  /*! Recurrence-Editor component layout */
3
149
  .e-recurrenceeditor .e-editor {
@@ -5,8 +151,7 @@
5
151
  display: flex;
6
152
  -ms-flex-flow: row wrap;
7
153
  flex-flow: row wrap;
8
- margin-left: auto;
9
- margin-right: auto;
154
+ margin: 0 auto;
10
155
  max-width: 1240px;
11
156
  }
12
157
  .e-recurrenceeditor .e-recurrence-table {
@@ -47,7 +192,7 @@
47
192
  }
48
193
  .e-recurrenceeditor .e-form-right,
49
194
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
50
- padding: 0 0 10px 8px;
195
+ padding: 0 0 10px;
51
196
  }
52
197
  .e-recurrenceeditor .e-input-wrapper {
53
198
  float: left;
@@ -88,13 +233,11 @@
88
233
  margin-bottom: 5px;
89
234
  }
90
235
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
91
- padding-left: 8px;
92
- padding-right: 0;
236
+ padding: 0 0 0 8px;
93
237
  }
94
238
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
95
239
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
96
- padding-left: 0;
97
- padding-right: 8px;
240
+ padding: 0 8px 0 0;
98
241
  }
99
242
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
243
  width: 30px;
@@ -122,10 +265,10 @@
122
265
  margin-bottom: 11px;
123
266
  }
124
267
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
125
- margin-bottom: 11px;
268
+ padding-bottom: 11px;
126
269
  }
127
270
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
128
- margin-top: -3px;
271
+ padding-top: 3px;
129
272
  }
130
273
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
131
274
  display: none;
@@ -175,7 +318,7 @@
175
318
  }
176
319
  .e-bigger .e-recurrenceeditor .e-form-right,
177
320
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
- padding: 0 0 10px 12px;
321
+ padding: 0 0 10px;
179
322
  }
180
323
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
181
324
  padding-bottom: 6px;
@@ -234,8 +377,7 @@
234
377
  }
235
378
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
379
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
237
- padding-left: 0;
238
- padding-right: 64px;
380
+ padding: 0 64px 0 0;
239
381
  }
240
382
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
241
383
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -245,13 +387,11 @@
245
387
  margin-bottom: 5px;
246
388
  }
247
389
  .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;
390
+ padding: 0 0 0 12px;
250
391
  }
251
392
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
252
393
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
253
- padding-left: 0;
254
- padding-right: 12px;
394
+ padding: 0 12px 0 0;
255
395
  }
256
396
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
257
397
  left: 0;
@@ -283,8 +423,7 @@
283
423
  }
284
424
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
285
425
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
286
- padding-left: 10px;
287
- padding-right: 0;
426
+ padding: 0 0 0 10px;
288
427
  }
289
428
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
290
429
  padding-right: 10px;
@@ -305,23 +444,25 @@
305
444
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
445
  padding-left: 20px;
307
446
  }
447
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
448
+ margin-left: 20px;
449
+ }
308
450
  .e-device .e-recurrenceeditor .e-week-position {
309
451
  right: 0;
452
+ padding-right: 10px;
310
453
  }
311
454
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
312
455
  padding-right: 0;
313
456
  }
314
457
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
315
458
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
316
- padding-left: 0;
317
- padding-right: 10px;
459
+ padding: 0 10px 0 0;
318
460
  }
319
461
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
320
- padding-left: 0;
462
+ padding: 0 20px 0 0;
321
463
  }
322
464
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
- padding-right: 20px;
324
- padding-left: 0;
465
+ padding: 0 50px 0 0;
325
466
  }
326
467
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
468
  left: 0;
@@ -338,6 +479,14 @@
338
479
  padding: 16px 8px;
339
480
  }
340
481
 
482
+ @media (max-width: 1024px) {
483
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
484
+ width: 100%;
485
+ }
486
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
487
+ width: 65%;
488
+ }
489
+ }
341
490
  @media (max-width: 580px) {
342
491
  .e-recurrenceeditor {
343
492
  margin-left: auto;
@@ -373,8 +522,7 @@
373
522
  }
374
523
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
375
524
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
376
- padding-left: 10px;
377
- padding-right: 0;
525
+ padding: 0 0 0 10px;
378
526
  }
379
527
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
380
528
  padding-right: 10px;
@@ -387,15 +535,17 @@
387
535
  width: 100%;
388
536
  }
389
537
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
390
- width: 100%;
538
+ width: 65%;
539
+ }
540
+ .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
541
+ padding-left: 50px;
391
542
  }
392
543
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
393
544
  padding-right: 0;
394
545
  }
395
546
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
396
547
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
397
- padding-left: 0;
398
- padding-right: 10px;
548
+ padding: 0 10px 0 0;
399
549
  }
400
550
  }
401
551
  /*! Recurrence-Editor component theme */