@syncfusion/ej2-vue-schedule 20.2.45 → 20.3.47

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 (64) hide show
  1. package/CHANGELOG.md +22 -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 +31 -36
  5. package/dist/es6/ej2-vue-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-schedule.es5.js +31 -36
  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 +8 -8
  10. package/src/recurrence-editor/recurrenceeditor.component.d.ts +0 -1
  11. package/src/recurrence-editor/recurrenceeditor.component.js +3 -4
  12. package/src/schedule/headerrows.directive.d.ts +0 -1
  13. package/src/schedule/headerrows.directive.js +5 -6
  14. package/src/schedule/resources.directive.d.ts +0 -1
  15. package/src/schedule/resources.directive.js +5 -6
  16. package/src/schedule/schedule.component.d.ts +0 -1
  17. package/src/schedule/schedule.component.js +4 -5
  18. package/src/schedule/views.directive.d.ts +0 -1
  19. package/src/schedule/views.directive.js +5 -6
  20. package/styles/bootstrap-dark.css +50 -33
  21. package/styles/bootstrap.css +50 -33
  22. package/styles/bootstrap4.css +50 -33
  23. package/styles/bootstrap5-dark.css +51 -38
  24. package/styles/bootstrap5.css +51 -38
  25. package/styles/fabric-dark.css +50 -33
  26. package/styles/fabric.css +50 -33
  27. package/styles/fluent-dark.css +52 -39
  28. package/styles/fluent.css +52 -39
  29. package/styles/highcontrast-light.css +50 -33
  30. package/styles/highcontrast.css +50 -33
  31. package/styles/material-dark.css +50 -33
  32. package/styles/material.css +50 -33
  33. package/styles/recurrence-editor/bootstrap-dark.css +21 -27
  34. package/styles/recurrence-editor/bootstrap.css +21 -27
  35. package/styles/recurrence-editor/bootstrap4.css +21 -27
  36. package/styles/recurrence-editor/bootstrap5-dark.css +21 -27
  37. package/styles/recurrence-editor/bootstrap5.css +21 -27
  38. package/styles/recurrence-editor/fabric-dark.css +21 -27
  39. package/styles/recurrence-editor/fabric.css +21 -27
  40. package/styles/recurrence-editor/fluent-dark.css +21 -27
  41. package/styles/recurrence-editor/fluent.css +21 -27
  42. package/styles/recurrence-editor/highcontrast-light.css +21 -27
  43. package/styles/recurrence-editor/highcontrast.css +21 -27
  44. package/styles/recurrence-editor/material-dark.css +21 -27
  45. package/styles/recurrence-editor/material.css +21 -27
  46. package/styles/recurrence-editor/tailwind-dark.css +21 -27
  47. package/styles/recurrence-editor/tailwind.css +21 -27
  48. package/styles/schedule/bootstrap-dark.css +29 -6
  49. package/styles/schedule/bootstrap.css +29 -6
  50. package/styles/schedule/bootstrap4.css +29 -6
  51. package/styles/schedule/bootstrap5-dark.css +30 -11
  52. package/styles/schedule/bootstrap5.css +30 -11
  53. package/styles/schedule/fabric-dark.css +29 -6
  54. package/styles/schedule/fabric.css +29 -6
  55. package/styles/schedule/fluent-dark.css +31 -12
  56. package/styles/schedule/fluent.css +31 -12
  57. package/styles/schedule/highcontrast-light.css +29 -6
  58. package/styles/schedule/highcontrast.css +29 -6
  59. package/styles/schedule/material-dark.css +29 -6
  60. package/styles/schedule/material.css +29 -6
  61. package/styles/schedule/tailwind-dark.css +29 -6
  62. package/styles/schedule/tailwind.css +29 -6
  63. package/styles/tailwind-dark.css +50 -33
  64. package/styles/tailwind.css +50 -33
@@ -1,4 +1,5 @@
1
1
  /*! recurrence editor theme wise definitions*/ /*! Schedule's bootstrap5 theme wise override definitions and variables */
2
+ /* stylelint-disable */
2
3
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
3
4
  content: "\e765";
4
5
  }
@@ -414,7 +415,7 @@
414
415
  }
415
416
  .e-schedule .e-content-wrap,
416
417
  .e-schedule .e-scroll-container {
417
- -webkit-overflow-scrolling: touch;
418
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
418
419
  overflow: auto;
419
420
  }
420
421
  .e-schedule .e-hide-childs > * {
@@ -589,7 +590,7 @@
589
590
  }
590
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
591
592
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
592
- height: 0 !important;
593
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
593
594
  }
594
595
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
595
596
  background: #0d6efd;
@@ -804,6 +805,13 @@
804
805
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
805
806
  background-color: #e9ecef;
806
807
  }
808
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
809
+ background-color: #e9ecef;
810
+ box-shadow: inset 0 0 0 8px #f8f9fa;
811
+ }
812
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
813
+ background-color: #e9ecef;
814
+ }
807
815
  .e-schedule .e-vertical-view .e-current-time {
808
816
  font-size: 10px;
809
817
  }
@@ -1093,7 +1101,7 @@
1093
1101
  }
1094
1102
  .e-schedule .e-month-view .e-header-cells {
1095
1103
  cursor: default;
1096
- font-weight: 400;
1104
+ font-weight: normal;
1097
1105
  height: 34px;
1098
1106
  padding: 8px;
1099
1107
  }
@@ -1121,6 +1129,13 @@
1121
1129
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1122
1130
  background-color: #e9ecef;
1123
1131
  }
1132
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1133
+ background-color: #e9ecef;
1134
+ box-shadow: inset 0 0 0 8px #f8f9fa;
1135
+ }
1136
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1137
+ background-color: #e9ecef;
1138
+ }
1124
1139
  .e-schedule .e-month-view .e-date-header {
1125
1140
  cursor: pointer;
1126
1141
  display: table;
@@ -1469,7 +1484,7 @@
1469
1484
  .e-schedule .e-timeline-year-view .e-left-indent,
1470
1485
  .e-schedule .e-timeline-year-view .e-header-cells {
1471
1486
  cursor: default;
1472
- font-weight: 400;
1487
+ font-weight: normal;
1473
1488
  height: 34px;
1474
1489
  padding: 0;
1475
1490
  text-align: center;
@@ -1874,9 +1889,14 @@
1874
1889
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1875
1890
  width: 70px;
1876
1891
  }
1892
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1893
+ transform: translateX(0);
1894
+ }
1895
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1896
+ transform: translateY(0);
1897
+ }
1877
1898
  .e-schedule .e-virtual-scroll .e-content-table {
1878
1899
  position: absolute;
1879
- transform: translateY(0);
1880
1900
  }
1881
1901
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1882
1902
  position: relative;
@@ -1993,7 +2013,7 @@
1993
2013
  }
1994
2014
  .e-schedule .e-month-agenda-view .e-header-cells {
1995
2015
  cursor: default;
1996
- font-weight: 400;
2016
+ font-weight: normal;
1997
2017
  height: 34px;
1998
2018
  padding: 5px;
1999
2019
  text-align: center;
@@ -2396,11 +2416,6 @@
2396
2416
  .e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
2397
2417
  font-size: 14px;
2398
2418
  }
2399
- .e-bigger .e-schedule .e-vertical-view .e-header-cells,
2400
- .e-bigger.e-schedule .e-vertical-view .e-header-cells {
2401
- height: 66px;
2402
- padding: 8px;
2403
- }
2404
2419
  .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
2405
2420
  .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
2406
2421
  font-size: 14px;
@@ -3847,6 +3862,9 @@
3847
3862
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3848
3863
  border-right-width: 0;
3849
3864
  }
3865
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3866
+ text-align: right;
3867
+ }
3850
3868
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3851
3869
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3852
3870
  border-width: 0 1px 1px 0;
@@ -3864,6 +3882,7 @@
3864
3882
  border-right-width: 0;
3865
3883
  }
3866
3884
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3885
+ text-align: right;
3867
3886
  border-width: 0 1px 1px 0;
3868
3887
  }
3869
3888
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -3957,7 +3976,7 @@
3957
3976
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
3958
3977
  min-width: 98px;
3959
3978
  position: relative;
3960
- right: 27px;
3979
+ right: 20px;
3961
3980
  }
3962
3981
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
3963
3982
  min-width: 120px;
@@ -4003,8 +4022,8 @@
4003
4022
  right: 10px;
4004
4023
  }
4005
4024
  .e-recurrenceeditor.e-rtl .e-week-position {
4006
- position: relative;
4007
- right: -27px;
4025
+ left: 20px;
4026
+ right: 0;
4008
4027
  }
4009
4028
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
4010
4029
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -4023,7 +4042,7 @@
4023
4042
  padding-right: 8px;
4024
4043
  }
4025
4044
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4026
- width: 0;
4045
+ width: 30px;
4027
4046
  }
4028
4047
  .e-recurrenceeditor .e-days .e-week-expander-label {
4029
4048
  font-size: 14px;
@@ -4103,9 +4122,6 @@
4103
4122
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
4104
4123
  padding: 0 0 10px 12px;
4105
4124
  }
4106
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
4107
- right: 24px;
4108
- }
4109
4125
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
4110
4126
  padding-bottom: 6px;
4111
4127
  }
@@ -4113,9 +4129,8 @@
4113
4129
  padding-left: 70px;
4114
4130
  }
4115
4131
  .e-bigger .e-recurrenceeditor .e-week-position {
4116
- min-width: 162px;
4117
- padding-left: 55px;
4118
- padding-right: 0;
4132
+ min-width: 130px;
4133
+ right: 0;
4119
4134
  }
4120
4135
  .e-bigger .e-recurrenceeditor .e-day-position {
4121
4136
  min-width: 190px;
@@ -4148,7 +4163,7 @@
4148
4163
  margin-bottom: 11px;
4149
4164
  }
4150
4165
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4151
- width: 0;
4166
+ width: 30px;
4152
4167
  }
4153
4168
  .e-bigger .e-recurrenceeditor .e-days button {
4154
4169
  height: 40px;
@@ -4162,7 +4177,8 @@
4162
4177
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
4163
4178
  padding: 0 12px 10px 0;
4164
4179
  }
4165
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4180
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4181
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4166
4182
  padding-left: 0;
4167
4183
  padding-right: 64px;
4168
4184
  }
@@ -4183,10 +4199,7 @@
4183
4199
  padding-right: 12px;
4184
4200
  }
4185
4201
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4186
- right: 33px;
4187
- }
4188
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
4189
- padding-left: 46px;
4202
+ left: 0;
4190
4203
  }
4191
4204
 
4192
4205
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -4233,6 +4246,13 @@
4233
4246
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
4234
4247
  padding-right: 0;
4235
4248
  }
4249
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
4250
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4251
+ padding-left: 20px;
4252
+ }
4253
+ .e-device .e-recurrenceeditor .e-week-position {
4254
+ right: 0;
4255
+ }
4236
4256
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4237
4257
  padding-right: 0;
4238
4258
  }
@@ -4244,19 +4264,12 @@
4244
4264
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4245
4265
  padding-left: 0;
4246
4266
  }
4247
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4248
- padding-left: 16px;
4249
- padding-right: 0;
4250
- }
4251
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4252
- padding-left: 20px;
4253
- }
4254
- .e-device .e-recurrenceeditor .e-week-position {
4267
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4268
+ padding-right: 20px;
4255
4269
  padding-left: 0;
4256
- padding-right: 0;
4257
4270
  }
4258
- .e-device .e-recurrenceeditor .e-week-position {
4259
- padding-left: 0;
4271
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4272
+ left: 0;
4260
4273
  }
4261
4274
  .e-device.e-recurrence-dialog .e-dlg-header-content {
4262
4275
  background: none;
@@ -411,7 +411,7 @@
411
411
  }
412
412
  .e-schedule .e-content-wrap,
413
413
  .e-schedule .e-scroll-container {
414
- -webkit-overflow-scrolling: touch;
414
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
415
415
  overflow: auto;
416
416
  }
417
417
  .e-schedule .e-hide-childs > * {
@@ -586,7 +586,7 @@
586
586
  }
587
587
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
588
588
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
589
- height: 0 !important;
589
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
590
590
  }
591
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
592
592
  background: #0074cc;
@@ -798,6 +798,13 @@
798
798
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
799
799
  background-color: rgba(0, 0, 0, 0.08);
800
800
  }
801
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
802
+ background-color: rgba(0, 0, 0, 0.08);
803
+ box-shadow: inset 0 0 0 8px #282727;
804
+ }
805
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
806
+ background-color: rgba(0, 0, 0, 0.08);
807
+ }
801
808
  .e-schedule .e-vertical-view .e-current-time {
802
809
  font-size: 12px;
803
810
  }
@@ -1086,7 +1093,7 @@
1086
1093
  }
1087
1094
  .e-schedule .e-month-view .e-header-cells {
1088
1095
  cursor: default;
1089
- font-weight: 400;
1096
+ font-weight: normal;
1090
1097
  height: 30px;
1091
1098
  padding: 3px;
1092
1099
  }
@@ -1114,6 +1121,13 @@
1114
1121
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1115
1122
  background-color: rgba(0, 0, 0, 0.08);
1116
1123
  }
1124
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1125
+ background-color: rgba(0, 0, 0, 0.08);
1126
+ box-shadow: inset 0 0 0 8px #282727;
1127
+ }
1128
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1129
+ background-color: rgba(0, 0, 0, 0.08);
1130
+ }
1117
1131
  .e-schedule .e-month-view .e-date-header {
1118
1132
  cursor: pointer;
1119
1133
  display: table;
@@ -1461,7 +1475,7 @@
1461
1475
  .e-schedule .e-timeline-year-view .e-left-indent,
1462
1476
  .e-schedule .e-timeline-year-view .e-header-cells {
1463
1477
  cursor: default;
1464
- font-weight: 400;
1478
+ font-weight: normal;
1465
1479
  height: 30px;
1466
1480
  padding: 0;
1467
1481
  text-align: center;
@@ -1865,9 +1879,14 @@
1865
1879
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1866
1880
  width: 70px;
1867
1881
  }
1882
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1883
+ transform: translateX(0);
1884
+ }
1885
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1886
+ transform: translateY(0);
1887
+ }
1868
1888
  .e-schedule .e-virtual-scroll .e-content-table {
1869
1889
  position: absolute;
1870
- transform: translateY(0);
1871
1890
  }
1872
1891
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1873
1892
  position: relative;
@@ -1984,7 +2003,7 @@
1984
2003
  }
1985
2004
  .e-schedule .e-month-agenda-view .e-header-cells {
1986
2005
  cursor: default;
1987
- font-weight: 400;
2006
+ font-weight: normal;
1988
2007
  height: 30px;
1989
2008
  padding: 5px;
1990
2009
  text-align: center;
@@ -3730,6 +3749,9 @@
3730
3749
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3731
3750
  border-right-width: 0;
3732
3751
  }
3752
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3753
+ text-align: right;
3754
+ }
3733
3755
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3734
3756
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3735
3757
  border-width: 0 1px 1px 0;
@@ -3747,6 +3769,7 @@
3747
3769
  border-right-width: 0;
3748
3770
  }
3749
3771
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3772
+ text-align: right;
3750
3773
  border-width: 0 0 1px;
3751
3774
  }
3752
3775
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -3840,7 +3863,7 @@
3840
3863
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
3841
3864
  min-width: 90px;
3842
3865
  position: relative;
3843
- right: 21px;
3866
+ right: 20px;
3844
3867
  }
3845
3868
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
3846
3869
  min-width: 120px;
@@ -3886,8 +3909,8 @@
3886
3909
  right: 10px;
3887
3910
  }
3888
3911
  .e-recurrenceeditor.e-rtl .e-week-position {
3889
- position: relative;
3890
- right: -21px;
3912
+ left: 20px;
3913
+ right: 0;
3891
3914
  }
3892
3915
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
3893
3916
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -3906,7 +3929,7 @@
3906
3929
  padding-right: 8px;
3907
3930
  }
3908
3931
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
3909
- width: 0;
3932
+ width: 30px;
3910
3933
  }
3911
3934
  .e-recurrenceeditor .e-days .e-week-expander-label {
3912
3935
  font-size: 13px;
@@ -3986,9 +4009,6 @@
3986
4009
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
3987
4010
  padding: 0 0 10px 12px;
3988
4011
  }
3989
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
3990
- right: 24px;
3991
- }
3992
4012
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
3993
4013
  padding-bottom: 6px;
3994
4014
  }
@@ -3996,9 +4016,8 @@
3996
4016
  padding-left: 70px;
3997
4017
  }
3998
4018
  .e-bigger .e-recurrenceeditor .e-week-position {
3999
- min-width: 157px;
4000
- padding-left: 55px;
4001
- padding-right: 0;
4019
+ min-width: 130px;
4020
+ right: 0;
4002
4021
  }
4003
4022
  .e-bigger .e-recurrenceeditor .e-day-position {
4004
4023
  min-width: 183px;
@@ -4031,7 +4050,7 @@
4031
4050
  margin-bottom: 11px;
4032
4051
  }
4033
4052
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4034
- width: 0;
4053
+ width: 30px;
4035
4054
  }
4036
4055
  .e-bigger .e-recurrenceeditor .e-days button {
4037
4056
  height: 40px;
@@ -4045,7 +4064,8 @@
4045
4064
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
4046
4065
  padding: 0 12px 10px 0;
4047
4066
  }
4048
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4067
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4068
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4049
4069
  padding-left: 0;
4050
4070
  padding-right: 64px;
4051
4071
  }
@@ -4066,10 +4086,7 @@
4066
4086
  padding-right: 12px;
4067
4087
  }
4068
4088
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4069
- right: 33px;
4070
- }
4071
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
4072
- padding-left: 46px;
4089
+ left: 0;
4073
4090
  }
4074
4091
 
4075
4092
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -4116,6 +4133,13 @@
4116
4133
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
4117
4134
  padding-right: 0;
4118
4135
  }
4136
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
4137
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4138
+ padding-left: 20px;
4139
+ }
4140
+ .e-device .e-recurrenceeditor .e-week-position {
4141
+ right: 0;
4142
+ }
4119
4143
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4120
4144
  padding-right: 0;
4121
4145
  }
@@ -4127,19 +4151,12 @@
4127
4151
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4128
4152
  padding-left: 0;
4129
4153
  }
4130
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4131
- padding-left: 16px;
4132
- padding-right: 0;
4133
- }
4134
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4135
- padding-left: 20px;
4136
- }
4137
- .e-device .e-recurrenceeditor .e-week-position {
4154
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4155
+ padding-right: 20px;
4138
4156
  padding-left: 0;
4139
- padding-right: 0;
4140
4157
  }
4141
- .e-device .e-recurrenceeditor .e-week-position {
4142
- padding-left: 0;
4158
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4159
+ left: 0;
4143
4160
  }
4144
4161
  .e-device.e-recurrence-dialog .e-dlg-header-content {
4145
4162
  background: none;
package/styles/fabric.css CHANGED
@@ -411,7 +411,7 @@
411
411
  }
412
412
  .e-schedule .e-content-wrap,
413
413
  .e-schedule .e-scroll-container {
414
- -webkit-overflow-scrolling: touch;
414
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
415
415
  overflow: auto;
416
416
  }
417
417
  .e-schedule .e-hide-childs > * {
@@ -586,7 +586,7 @@
586
586
  }
587
587
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
588
588
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
589
- height: 0 !important;
589
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
590
590
  }
591
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
592
592
  background: #0078d6;
@@ -798,6 +798,13 @@
798
798
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
799
799
  background-color: rgba(0, 0, 0, 0.08);
800
800
  }
801
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
802
+ background-color: rgba(0, 0, 0, 0.08);
803
+ box-shadow: inset 0 0 0 8px #f8f8f8;
804
+ }
805
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
806
+ background-color: rgba(0, 0, 0, 0.08);
807
+ }
801
808
  .e-schedule .e-vertical-view .e-current-time {
802
809
  font-size: 12px;
803
810
  }
@@ -1086,7 +1093,7 @@
1086
1093
  }
1087
1094
  .e-schedule .e-month-view .e-header-cells {
1088
1095
  cursor: default;
1089
- font-weight: 400;
1096
+ font-weight: normal;
1090
1097
  height: 30px;
1091
1098
  padding: 3px;
1092
1099
  }
@@ -1114,6 +1121,13 @@
1114
1121
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1115
1122
  background-color: rgba(0, 0, 0, 0.08);
1116
1123
  }
1124
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1125
+ background-color: rgba(0, 0, 0, 0.08);
1126
+ box-shadow: inset 0 0 0 8px #f8f8f8;
1127
+ }
1128
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1129
+ background-color: rgba(0, 0, 0, 0.08);
1130
+ }
1117
1131
  .e-schedule .e-month-view .e-date-header {
1118
1132
  cursor: pointer;
1119
1133
  display: table;
@@ -1461,7 +1475,7 @@
1461
1475
  .e-schedule .e-timeline-year-view .e-left-indent,
1462
1476
  .e-schedule .e-timeline-year-view .e-header-cells {
1463
1477
  cursor: default;
1464
- font-weight: 400;
1478
+ font-weight: normal;
1465
1479
  height: 30px;
1466
1480
  padding: 0;
1467
1481
  text-align: center;
@@ -1865,9 +1879,14 @@
1865
1879
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1866
1880
  width: 70px;
1867
1881
  }
1882
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1883
+ transform: translateX(0);
1884
+ }
1885
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1886
+ transform: translateY(0);
1887
+ }
1868
1888
  .e-schedule .e-virtual-scroll .e-content-table {
1869
1889
  position: absolute;
1870
- transform: translateY(0);
1871
1890
  }
1872
1891
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1873
1892
  position: relative;
@@ -1984,7 +2003,7 @@
1984
2003
  }
1985
2004
  .e-schedule .e-month-agenda-view .e-header-cells {
1986
2005
  cursor: default;
1987
- font-weight: 400;
2006
+ font-weight: normal;
1988
2007
  height: 30px;
1989
2008
  padding: 5px;
1990
2009
  text-align: center;
@@ -3744,6 +3763,9 @@
3744
3763
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3745
3764
  border-right-width: 0;
3746
3765
  }
3766
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3767
+ text-align: right;
3768
+ }
3747
3769
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3748
3770
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3749
3771
  border-width: 0 1px 1px 0;
@@ -3761,6 +3783,7 @@
3761
3783
  border-right-width: 0;
3762
3784
  }
3763
3785
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3786
+ text-align: right;
3764
3787
  border-width: 0 0 1px;
3765
3788
  }
3766
3789
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -3854,7 +3877,7 @@
3854
3877
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
3855
3878
  min-width: 90px;
3856
3879
  position: relative;
3857
- right: 21px;
3880
+ right: 20px;
3858
3881
  }
3859
3882
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
3860
3883
  min-width: 120px;
@@ -3900,8 +3923,8 @@
3900
3923
  right: 10px;
3901
3924
  }
3902
3925
  .e-recurrenceeditor.e-rtl .e-week-position {
3903
- position: relative;
3904
- right: -21px;
3926
+ left: 20px;
3927
+ right: 0;
3905
3928
  }
3906
3929
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
3907
3930
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -3920,7 +3943,7 @@
3920
3943
  padding-right: 8px;
3921
3944
  }
3922
3945
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
3923
- width: 0;
3946
+ width: 30px;
3924
3947
  }
3925
3948
  .e-recurrenceeditor .e-days .e-week-expander-label {
3926
3949
  font-size: 13px;
@@ -4000,9 +4023,6 @@
4000
4023
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
4001
4024
  padding: 0 0 10px 12px;
4002
4025
  }
4003
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
4004
- right: 24px;
4005
- }
4006
4026
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
4007
4027
  padding-bottom: 6px;
4008
4028
  }
@@ -4010,9 +4030,8 @@
4010
4030
  padding-left: 70px;
4011
4031
  }
4012
4032
  .e-bigger .e-recurrenceeditor .e-week-position {
4013
- min-width: 157px;
4014
- padding-left: 55px;
4015
- padding-right: 0;
4033
+ min-width: 130px;
4034
+ right: 0;
4016
4035
  }
4017
4036
  .e-bigger .e-recurrenceeditor .e-day-position {
4018
4037
  min-width: 183px;
@@ -4045,7 +4064,7 @@
4045
4064
  margin-bottom: 11px;
4046
4065
  }
4047
4066
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4048
- width: 0;
4067
+ width: 30px;
4049
4068
  }
4050
4069
  .e-bigger .e-recurrenceeditor .e-days button {
4051
4070
  height: 40px;
@@ -4059,7 +4078,8 @@
4059
4078
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
4060
4079
  padding: 0 12px 10px 0;
4061
4080
  }
4062
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4081
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4082
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4063
4083
  padding-left: 0;
4064
4084
  padding-right: 64px;
4065
4085
  }
@@ -4080,10 +4100,7 @@
4080
4100
  padding-right: 12px;
4081
4101
  }
4082
4102
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4083
- right: 33px;
4084
- }
4085
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
4086
- padding-left: 46px;
4103
+ left: 0;
4087
4104
  }
4088
4105
 
4089
4106
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -4130,6 +4147,13 @@
4130
4147
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
4131
4148
  padding-right: 0;
4132
4149
  }
4150
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
4151
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4152
+ padding-left: 20px;
4153
+ }
4154
+ .e-device .e-recurrenceeditor .e-week-position {
4155
+ right: 0;
4156
+ }
4133
4157
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4134
4158
  padding-right: 0;
4135
4159
  }
@@ -4141,19 +4165,12 @@
4141
4165
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4142
4166
  padding-left: 0;
4143
4167
  }
4144
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4145
- padding-left: 16px;
4146
- padding-right: 0;
4147
- }
4148
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4149
- padding-left: 20px;
4150
- }
4151
- .e-device .e-recurrenceeditor .e-week-position {
4168
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4169
+ padding-right: 20px;
4152
4170
  padding-left: 0;
4153
- padding-right: 0;
4154
4171
  }
4155
- .e-device .e-recurrenceeditor .e-week-position {
4156
- padding-left: 0;
4172
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4173
+ left: 0;
4157
4174
  }
4158
4175
  .e-device.e-recurrence-dialog .e-dlg-header-content {
4159
4176
  background: none;