@syncfusion/ej2-react-schedule 19.3.55 → 19.4.42

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 (42) hide show
  1. package/CHANGELOG.md +53 -2
  2. package/dist/ej2-react-schedule.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +108 -27
  5. package/styles/bootstrap.css +105 -27
  6. package/styles/bootstrap4.css +117 -62
  7. package/styles/bootstrap5-dark.css +118 -67
  8. package/styles/bootstrap5.css +118 -67
  9. package/styles/fabric-dark.css +108 -26
  10. package/styles/fabric.css +109 -26
  11. package/styles/highcontrast-light.css +104 -26
  12. package/styles/highcontrast.css +109 -28
  13. package/styles/material-dark.css +110 -32
  14. package/styles/material.css +103 -25
  15. package/styles/recurrence-editor/bootstrap-dark.css +20 -4
  16. package/styles/recurrence-editor/bootstrap.css +20 -4
  17. package/styles/recurrence-editor/bootstrap4.css +20 -4
  18. package/styles/recurrence-editor/bootstrap5-dark.css +20 -4
  19. package/styles/recurrence-editor/bootstrap5.css +20 -4
  20. package/styles/recurrence-editor/fabric-dark.css +20 -4
  21. package/styles/recurrence-editor/fabric.css +20 -4
  22. package/styles/recurrence-editor/highcontrast-light.css +20 -4
  23. package/styles/recurrence-editor/highcontrast.css +20 -4
  24. package/styles/recurrence-editor/material-dark.css +20 -4
  25. package/styles/recurrence-editor/material.css +20 -4
  26. package/styles/recurrence-editor/tailwind-dark.css +20 -4
  27. package/styles/recurrence-editor/tailwind.css +20 -4
  28. package/styles/schedule/bootstrap-dark.css +88 -23
  29. package/styles/schedule/bootstrap.css +85 -23
  30. package/styles/schedule/bootstrap4.css +97 -58
  31. package/styles/schedule/bootstrap5-dark.css +98 -63
  32. package/styles/schedule/bootstrap5.css +98 -63
  33. package/styles/schedule/fabric-dark.css +88 -22
  34. package/styles/schedule/fabric.css +89 -22
  35. package/styles/schedule/highcontrast-light.css +84 -22
  36. package/styles/schedule/highcontrast.css +89 -24
  37. package/styles/schedule/material-dark.css +90 -28
  38. package/styles/schedule/material.css +83 -21
  39. package/styles/schedule/tailwind-dark.css +94 -52
  40. package/styles/schedule/tailwind.css +94 -52
  41. package/styles/tailwind-dark.css +114 -56
  42. package/styles/tailwind.css +114 -56
@@ -225,10 +225,6 @@
225
225
  color: #3e98ff;
226
226
  }
227
227
 
228
- .e-schedule .e-schedule-toolbar .e-toolbar-pop {
229
- overflow: auto;
230
- }
231
-
232
228
  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
233
229
  cursor: pointer;
234
230
  font-size: 14px;
@@ -294,6 +290,10 @@
294
290
  text-transform: initial;
295
291
  }
296
292
 
293
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
294
+ padding: 0 12px;
295
+ }
296
+
297
297
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
298
298
  background: #131313;
299
299
  border-left: 0;
@@ -357,6 +357,10 @@
357
357
  font-size: 18px;
358
358
  }
359
359
 
360
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-pop {
361
+ overflow: auto;
362
+ }
363
+
360
364
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
361
365
  overflow: hidden;
362
366
  }
@@ -436,10 +440,10 @@
436
440
 
437
441
  .e-schedule .e-resource-tree-popup {
438
442
  background: #6e6e6e;
443
+ box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
439
444
  height: 100%;
440
445
  position: absolute;
441
446
  width: 250px;
442
- box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
443
447
  }
444
448
 
445
449
  .e-schedule .e-resource-tree-popup .e-resource-tree {
@@ -1533,6 +1537,7 @@
1533
1537
 
1534
1538
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day {
1535
1539
  display: block;
1540
+ margin: 0 auto;
1536
1541
  }
1537
1542
 
1538
1543
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month {
@@ -1551,9 +1556,8 @@
1551
1556
  background-color: #0070f0;
1552
1557
  border-radius: 50%;
1553
1558
  height: 5px;
1554
- margin-left: 13px;
1555
- margin-top: -6px;
1556
- position: absolute;
1559
+ margin: -6px auto 0;
1560
+ position: relative;
1557
1561
  width: 5px;
1558
1562
  }
1559
1563
 
@@ -1604,10 +1608,6 @@
1604
1608
  border-left-width: 0;
1605
1609
  }
1606
1610
 
1607
- .e-schedule .e-year-view .e-calendar-table td:not(.e-cell) {
1608
- border-left: 1px solid #505050;
1609
- }
1610
-
1611
1611
  .e-schedule .e-year-view .e-resource .e-month-calendar {
1612
1612
  max-width: 100%;
1613
1613
  min-width: 100%;
@@ -2092,7 +2092,7 @@
2092
2092
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2093
2093
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2094
2094
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2095
- height: 42px;
2095
+ height: 60px;
2096
2096
  }
2097
2097
 
2098
2098
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -2552,6 +2552,10 @@
2552
2552
  width: 75px;
2553
2553
  }
2554
2554
 
2555
+ .e-schedule.e-rtl .e-month-agenda-view .e-resource-column .e-resource-name {
2556
+ white-space: normal;
2557
+ }
2558
+
2555
2559
  .e-schedule.e-rtl .e-month-agenda-view .e-day-padding {
2556
2560
  padding-right: 8px;
2557
2561
  }
@@ -2773,6 +2777,10 @@
2773
2777
  width: 75px;
2774
2778
  }
2775
2779
 
2780
+ .e-schedule.e-rtl .e-agenda-view .e-resource-column .e-resource-name {
2781
+ white-space: normal;
2782
+ }
2783
+
2776
2784
  .e-schedule.e-rtl .e-agenda-view .e-day-padding {
2777
2785
  padding-right: 8px;
2778
2786
  }
@@ -2854,9 +2862,8 @@
2854
2862
  height: auto;
2855
2863
  line-height: 25px;
2856
2864
  margin: 4px 0;
2857
- min-height: 0;
2865
+ min-height: 34px;
2858
2866
  min-width: 34px;
2859
- padding: 0 1.5px;
2860
2867
  }
2861
2868
 
2862
2869
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
@@ -2994,6 +3001,10 @@
2994
3001
  font-weight: 500;
2995
3002
  }
2996
3003
 
3004
+ .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
3005
+ width: 485px;
3006
+ }
3007
+
2997
3008
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2998
3009
  width: 420px;
2999
3010
  }
@@ -3015,6 +3026,14 @@
3015
3026
  display: none;
3016
3027
  }
3017
3028
 
3029
+ .e-dialog.e-quick-dialog .e-dlg-header-content {
3030
+ border-bottom: none;
3031
+ }
3032
+
3033
+ .e-dialog.e-quick-dialog .e-footer-content {
3034
+ border-top: none;
3035
+ }
3036
+
3018
3037
  .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
3019
3038
  box-shadow: none;
3020
3039
  }
@@ -3051,15 +3070,23 @@
3051
3070
 
3052
3071
  .e-schedule-dialog .e-subject-container,
3053
3072
  .e-schedule-dialog .e-start-container,
3054
- .e-schedule-dialog .e-start-time-zone-container,
3055
3073
  .e-schedule-dialog .e-description-label {
3056
3074
  padding-right: 8px;
3057
3075
  }
3058
3076
 
3077
+ .e-schedule-dialog .e-start-time-zone-container {
3078
+ padding-left: 4px;
3079
+ padding-right: 8px;
3080
+ }
3081
+
3059
3082
  .e-schedule-dialog .e-location-container,
3060
- .e-schedule-dialog .e-end-container,
3083
+ .e-schedule-dialog .e-end-container {
3084
+ padding-left: 8px;
3085
+ }
3086
+
3061
3087
  .e-schedule-dialog .e-end-time-zone-container {
3062
3088
  padding-left: 8px;
3089
+ padding-right: 4px;
3063
3090
  }
3064
3091
 
3065
3092
  .e-schedule-dialog .e-all-day-container {
@@ -3152,19 +3179,27 @@
3152
3179
 
3153
3180
  .e-schedule-dialog.e-rtl .e-subject-container,
3154
3181
  .e-schedule-dialog.e-rtl .e-start-container,
3155
- .e-schedule-dialog.e-rtl .e-start-time-zone-container,
3156
3182
  .e-schedule-dialog.e-rtl .e-description-label {
3157
3183
  padding-left: 8px;
3158
3184
  padding-right: 0;
3159
3185
  }
3160
3186
 
3187
+ .e-schedule-dialog.e-rtl .e-start-time-zone-container {
3188
+ padding-left: 8px;
3189
+ padding-right: 4px;
3190
+ }
3191
+
3161
3192
  .e-schedule-dialog.e-rtl .e-location-container,
3162
- .e-schedule-dialog.e-rtl .e-end-container,
3163
- .e-schedule-dialog.e-rtl .e-end-time-zone-container {
3193
+ .e-schedule-dialog.e-rtl .e-end-container {
3164
3194
  padding-left: 0;
3165
3195
  padding-right: 8px;
3166
3196
  }
3167
3197
 
3198
+ .e-schedule-dialog.e-rtl .e-end-time-zone-container {
3199
+ padding-left: 4px;
3200
+ padding-right: 8px;
3201
+ }
3202
+
3168
3203
  .e-schedule-dialog.e-rtl .e-event-delete {
3169
3204
  float: right;
3170
3205
  }
@@ -3728,6 +3763,10 @@
3728
3763
  margin-right: 10px;
3729
3764
  }
3730
3765
 
3766
+ .e-quick-popup-wrapper.e-rtl .e-event-details {
3767
+ margin-left: 8px;
3768
+ }
3769
+
3731
3770
  .e-quick-popup-wrapper.e-device {
3732
3771
  bottom: 0;
3733
3772
  height: 100%;
@@ -3933,31 +3972,36 @@
3933
3972
  width: 26px;
3934
3973
  }
3935
3974
 
3975
+ .e-bigger .e-more-popup-wrapper,
3936
3976
  .e-more-popup-wrapper {
3937
3977
  background-color: #1a1a1a;
3938
3978
  border: 1px solid #505050;
3939
3979
  border-radius: 2px;
3980
+ box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
3940
3981
  opacity: 1;
3941
3982
  padding: 8px 0;
3942
3983
  width: 225px;
3943
- box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
3944
3984
  }
3945
3985
 
3986
+ .e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper,
3946
3987
  .e-more-popup-wrapper .e-more-appointment-wrapper {
3947
3988
  margin: 0 4px;
3948
3989
  }
3949
3990
 
3991
+ .e-bigger .e-more-popup-wrapper .e-more-event-popup,
3950
3992
  .e-more-popup-wrapper .e-more-event-popup {
3951
3993
  height: 100%;
3952
3994
  position: relative;
3953
3995
  width: 100%;
3954
3996
  }
3955
3997
 
3998
+ .e-bigger .e-more-popup-wrapper .e-more-event-header,
3956
3999
  .e-more-popup-wrapper .e-more-event-header {
3957
4000
  height: 35px;
3958
4001
  margin: 0 8px 4px 14px;
3959
4002
  }
3960
4003
 
4004
+ .e-bigger .e-more-popup-wrapper .e-more-event-content,
3961
4005
  .e-more-popup-wrapper .e-more-event-content {
3962
4006
  height: calc(100% - 35px);
3963
4007
  max-height: 300px;
@@ -3966,20 +4010,24 @@
3966
4010
  padding-right: 10px;
3967
4011
  }
3968
4012
 
4013
+ .e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
3969
4014
  .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
3970
4015
  border: 0;
3971
4016
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3972
4017
  }
3973
4018
 
4019
+ .e-bigger .e-more-popup-wrapper .e-more-event-date-header,
3974
4020
  .e-more-popup-wrapper .e-more-event-date-header {
3975
4021
  height: 100%;
3976
4022
  width: calc(100% - 25px);
3977
4023
  }
3978
4024
 
4025
+ .e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date,
3979
4026
  .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
3980
4027
  color: #3e98ff;
3981
4028
  }
3982
4029
 
4030
+ .e-bigger .e-more-popup-wrapper .e-header-day,
3983
4031
  .e-more-popup-wrapper .e-header-day {
3984
4032
  color: #f0f0f0;
3985
4033
  font-size: 13px;
@@ -3987,6 +4035,7 @@
3987
4035
  padding-bottom: 2px;
3988
4036
  }
3989
4037
 
4038
+ .e-bigger .e-more-popup-wrapper .e-header-date,
3990
4039
  .e-more-popup-wrapper .e-header-date {
3991
4040
  color: #f0f0f0;
3992
4041
  font-size: 18px;
@@ -3994,15 +4043,18 @@
3994
4043
  max-width: 15%;
3995
4044
  }
3996
4045
 
4046
+ .e-bigger .e-more-popup-wrapper .e-header-date:hover,
3997
4047
  .e-more-popup-wrapper .e-header-date:hover {
3998
4048
  cursor: pointer;
3999
4049
  text-decoration: underline;
4000
4050
  }
4001
4051
 
4052
+ .e-bigger .e-more-popup-wrapper .e-header-date:focus,
4002
4053
  .e-more-popup-wrapper .e-header-date:focus {
4003
4054
  text-decoration: underline;
4004
4055
  }
4005
4056
 
4057
+ .e-bigger .e-more-popup-wrapper .e-more-event-close,
4006
4058
  .e-more-popup-wrapper .e-more-event-close {
4007
4059
  background-color: transparent;
4008
4060
  border: 0;
@@ -4015,20 +4067,25 @@
4015
4067
  width: 25px;
4016
4068
  }
4017
4069
 
4070
+ .e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
4018
4071
  .e-more-popup-wrapper .e-more-event-close .e-close-icon {
4019
4072
  font-size: 9px;
4020
4073
  }
4021
4074
 
4075
+ .e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
4022
4076
  .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
4023
4077
  margin-top: 3px;
4024
4078
  }
4025
4079
 
4026
- .e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
4080
+ .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
4081
+ .e-more-popup-wrapper .e-more-event-close:focus,
4082
+ .e-more-popup-wrapper .e-more-event-close:hover {
4027
4083
  background-color: #484848;
4028
4084
  border-radius: 50%;
4029
4085
  color: #fff;
4030
4086
  }
4031
4087
 
4088
+ .e-bigger .e-more-popup-wrapper .e-appointment,
4032
4089
  .e-more-popup-wrapper .e-appointment {
4033
4090
  background: #0070f0;
4034
4091
  border-radius: 4px;
@@ -4042,6 +4099,7 @@
4042
4099
  width: 100%;
4043
4100
  }
4044
4101
 
4102
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-subject,
4045
4103
  .e-more-popup-wrapper .e-appointment .e-subject {
4046
4104
  color: #fff;
4047
4105
  -ms-flex: auto;
@@ -4054,17 +4112,22 @@
4054
4112
  white-space: nowrap;
4055
4113
  }
4056
4114
 
4115
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
4116
+ .e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
4057
4117
  .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
4058
4118
  .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
4059
4119
  line-height: 22px;
4060
4120
  padding: 0 2px;
4061
4121
  }
4062
4122
 
4063
- .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
4123
+ .e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus,
4124
+ .e-more-popup-wrapper .e-appointment.e-appointment-border,
4125
+ .e-more-popup-wrapper .e-appointment:focus {
4064
4126
  border: 0;
4065
4127
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
4066
4128
  }
4067
4129
 
4130
+ .e-bigger .e-more-popup-wrapper.e-device,
4068
4131
  .e-more-popup-wrapper.e-device {
4069
4132
  bottom: 0;
4070
4133
  height: 100%;
@@ -4078,10 +4141,12 @@
4078
4141
  z-index: 1002;
4079
4142
  }
4080
4143
 
4144
+ .e-bigger .e-more-popup-wrapper.e-device .e-more-event-content,
4081
4145
  .e-more-popup-wrapper.e-device .e-more-event-content {
4082
4146
  max-height: unset;
4083
4147
  }
4084
4148
 
4149
+ .e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
4085
4150
  .e-more-popup-wrapper.e-rtl .e-more-event-close {
4086
4151
  left: 6px;
4087
4152
  right: auto;