@syncfusion/ej2-schedule 19.2.60 → 19.3.48

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 (125) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +65 -0
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +445 -164
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +456 -172
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +15 -15
  13. package/src/schedule/actions/action-base.js +1 -1
  14. package/src/schedule/actions/crud.js +3 -2
  15. package/src/schedule/actions/drag.d.ts +2 -0
  16. package/src/schedule/actions/drag.js +27 -17
  17. package/src/schedule/actions/keyboard.js +5 -5
  18. package/src/schedule/actions/resize.js +17 -10
  19. package/src/schedule/actions/virtual-scroll.js +2 -1
  20. package/src/schedule/base/interface.d.ts +9 -0
  21. package/src/schedule/base/resource.js +12 -3
  22. package/src/schedule/base/schedule-model.d.ts +13 -1
  23. package/src/schedule/base/schedule.d.ts +45 -2
  24. package/src/schedule/base/schedule.js +139 -14
  25. package/src/schedule/base/type.d.ts +4 -0
  26. package/src/schedule/event-renderer/event-base.d.ts +2 -1
  27. package/src/schedule/event-renderer/event-base.js +42 -28
  28. package/src/schedule/event-renderer/month.d.ts +0 -1
  29. package/src/schedule/event-renderer/month.js +32 -33
  30. package/src/schedule/event-renderer/timeline-view.d.ts +2 -0
  31. package/src/schedule/event-renderer/timeline-view.js +31 -1
  32. package/src/schedule/event-renderer/vertical-view.js +26 -19
  33. package/src/schedule/event-renderer/year.js +4 -1
  34. package/src/schedule/models/event-settings-model.d.ts +21 -1
  35. package/src/schedule/models/event-settings.d.ts +20 -0
  36. package/src/schedule/models/event-settings.js +6 -0
  37. package/src/schedule/models/views-model.d.ts +9 -0
  38. package/src/schedule/models/views.d.ts +8 -0
  39. package/src/schedule/models/views.js +3 -0
  40. package/src/schedule/popups/event-window.d.ts +3 -2
  41. package/src/schedule/popups/event-window.js +7 -3
  42. package/src/schedule/popups/form-validator.js +4 -1
  43. package/src/schedule/popups/quick-popups.d.ts +3 -2
  44. package/src/schedule/popups/quick-popups.js +32 -13
  45. package/src/schedule/renderer/agenda.d.ts +1 -0
  46. package/src/schedule/renderer/agenda.js +20 -3
  47. package/src/schedule/renderer/header-renderer.d.ts +1 -0
  48. package/src/schedule/renderer/header-renderer.js +6 -1
  49. package/src/schedule/renderer/month.d.ts +1 -0
  50. package/src/schedule/renderer/month.js +7 -7
  51. package/src/schedule/renderer/timeline-year.js +8 -2
  52. package/src/schedule/renderer/vertical-view.d.ts +2 -0
  53. package/src/schedule/renderer/vertical-view.js +19 -8
  54. package/src/schedule/renderer/view-base.d.ts +2 -1
  55. package/src/schedule/renderer/view-base.js +11 -3
  56. package/styles/bootstrap-dark.css +48 -66
  57. package/styles/bootstrap.css +28 -45
  58. package/styles/bootstrap4.css +28 -44
  59. package/styles/bootstrap5-dark.css +5172 -0
  60. package/styles/bootstrap5-dark.scss +2 -0
  61. package/styles/bootstrap5.css +5173 -0
  62. package/styles/bootstrap5.scss +2 -0
  63. package/styles/fabric-dark.css +29 -61
  64. package/styles/fabric.css +28 -45
  65. package/styles/highcontrast-light.css +28 -76
  66. package/styles/highcontrast.css +30 -49
  67. package/styles/material-dark.css +72 -79
  68. package/styles/material.css +32 -45
  69. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +1 -0
  70. package/styles/recurrence-editor/_bootstrap5-definition.scss +8 -0
  71. package/styles/recurrence-editor/_layout.scss +0 -4
  72. package/styles/recurrence-editor/_tailwind-dark-definition.scss +1 -8
  73. package/styles/recurrence-editor/_tailwind-definition.scss +8 -8
  74. package/styles/recurrence-editor/bootstrap-dark.css +0 -4
  75. package/styles/recurrence-editor/bootstrap.css +0 -4
  76. package/styles/recurrence-editor/bootstrap4.css +0 -4
  77. package/styles/recurrence-editor/bootstrap5-dark.css +479 -0
  78. package/styles/recurrence-editor/bootstrap5-dark.scss +3 -0
  79. package/styles/recurrence-editor/bootstrap5.css +479 -0
  80. package/styles/recurrence-editor/bootstrap5.scss +3 -0
  81. package/styles/recurrence-editor/fabric-dark.css +0 -4
  82. package/styles/recurrence-editor/fabric.css +0 -4
  83. package/styles/recurrence-editor/highcontrast-light.css +0 -4
  84. package/styles/recurrence-editor/highcontrast.css +0 -4
  85. package/styles/recurrence-editor/material-dark.css +0 -4
  86. package/styles/recurrence-editor/material.css +0 -4
  87. package/styles/recurrence-editor/tailwind-dark.css +0 -4
  88. package/styles/recurrence-editor/tailwind.css +0 -4
  89. package/styles/schedule/_bootstrap-dark-definition.scss +6 -6
  90. package/styles/schedule/_bootstrap-definition.scss +2 -2
  91. package/styles/schedule/_bootstrap4-definition.scss +6 -5
  92. package/styles/schedule/_bootstrap5-dark-definition.scss +1 -0
  93. package/styles/schedule/_bootstrap5-definition.scss +198 -0
  94. package/styles/schedule/_fabric-dark-definition.scss +3 -3
  95. package/styles/schedule/_fabric-definition.scss +2 -2
  96. package/styles/schedule/_highcontrast-definition.scss +3 -3
  97. package/styles/schedule/_highcontrast-light-definition.scss +2 -2
  98. package/styles/schedule/_layout.scss +97 -120
  99. package/styles/schedule/_material-dark-definition.scss +2 -2
  100. package/styles/schedule/_material-definition.scss +2 -2
  101. package/styles/schedule/_tailwind-dark-definition.scss +1 -196
  102. package/styles/schedule/_tailwind-definition.scss +195 -196
  103. package/styles/schedule/_theme.scss +33 -7
  104. package/styles/schedule/bootstrap-dark.css +48 -62
  105. package/styles/schedule/bootstrap.css +28 -41
  106. package/styles/schedule/bootstrap4.css +28 -40
  107. package/styles/schedule/bootstrap5-dark.css +4692 -0
  108. package/styles/schedule/bootstrap5-dark.scss +4 -0
  109. package/styles/schedule/bootstrap5.css +4693 -0
  110. package/styles/schedule/bootstrap5.scss +5 -0
  111. package/styles/schedule/fabric-dark.css +29 -57
  112. package/styles/schedule/fabric.css +28 -41
  113. package/styles/schedule/highcontrast-light.css +28 -72
  114. package/styles/schedule/highcontrast.css +30 -45
  115. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -0
  116. package/styles/schedule/icons/_bootstrap5.scss +232 -0
  117. package/styles/schedule/icons/_tailwind-dark.scss +1 -231
  118. package/styles/schedule/icons/_tailwind.scss +231 -231
  119. package/styles/schedule/material-dark.css +72 -75
  120. package/styles/schedule/material.css +32 -41
  121. package/styles/schedule/tailwind-dark.css +53 -71
  122. package/styles/schedule/tailwind-dark.scss +0 -1
  123. package/styles/schedule/tailwind.css +53 -70
  124. package/styles/tailwind-dark.css +53 -75
  125. package/styles/tailwind.css +53 -74
@@ -226,24 +226,9 @@
226
226
  }
227
227
 
228
228
  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
229
- background: #fff;
230
229
  overflow: auto;
231
230
  }
232
231
 
233
- .e-schedule .e-schedule-toolbar .e-tbar-btn {
234
- background: #fff;
235
- border-color: #fff;
236
- }
237
-
238
- .e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
239
- background-color: #ecf;
240
- border-color: #000;
241
- }
242
-
243
- .e-schedule .e-schedule-toolbar .e-tbar-btn:active {
244
- background: #400074;
245
- }
246
-
247
232
  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
248
233
  cursor: pointer;
249
234
  font-size: 14px;
@@ -268,13 +253,7 @@
268
253
  padding-top: 4px;
269
254
  }
270
255
 
271
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
272
- background: #ecf;
273
- border-radius: 0%;
274
- }
275
-
276
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
277
- background: #ecf;
256
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
278
257
  border-radius: 0%;
279
258
  }
280
259
 
@@ -315,16 +294,6 @@
315
294
  text-transform: initial;
316
295
  }
317
296
 
318
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
319
- cursor: pointer;
320
- font-size: 14px;
321
- text-transform: uppercase;
322
- }
323
-
324
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
325
- padding-left: 0;
326
- }
327
-
328
297
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
329
298
  background: #fff;
330
299
  border-left: 0;
@@ -337,7 +306,6 @@
337
306
  }
338
307
 
339
308
  .e-schedule .e-schedule-toolbar .e-hor-nav {
340
- background: #fff;
341
309
  border-left: 1px solid #400074;
342
310
  }
343
311
 
@@ -548,6 +516,13 @@
548
516
  width: 100%;
549
517
  }
550
518
 
519
+ .e-schedule .e-content-placeholder {
520
+ height: 100%;
521
+ position: relative;
522
+ width: 100%;
523
+ z-index: 99999;
524
+ }
525
+
551
526
  .e-schedule .e-content-wrap,
552
527
  .e-schedule .e-scroll-container {
553
528
  -webkit-overflow-scrolling: touch;
@@ -1701,7 +1676,7 @@
1701
1676
  border-style: solid;
1702
1677
  border-width: 0 1px 1px 0;
1703
1678
  color: #000;
1704
- height: 70px;
1679
+ height: 75px;
1705
1680
  padding-left: 15px;
1706
1681
  padding-right: 0;
1707
1682
  vertical-align: middle;
@@ -1742,6 +1717,7 @@
1742
1717
  border-style: solid;
1743
1718
  border-width: 0 1px 1px 0;
1744
1719
  color: #000;
1720
+ padding: 0;
1745
1721
  }
1746
1722
 
1747
1723
  .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1763,7 +1739,6 @@
1763
1739
  color: #fff;
1764
1740
  margin: 2px;
1765
1741
  width: 20px;
1766
- color: #400074;
1767
1742
  }
1768
1743
 
1769
1744
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
@@ -1771,10 +1746,6 @@
1771
1746
  color: #fff;
1772
1747
  }
1773
1748
 
1774
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
1775
- color: #fff;
1776
- }
1777
-
1778
1749
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
1779
1750
  color: #fff;
1780
1751
  }
@@ -1850,7 +1821,7 @@
1850
1821
 
1851
1822
  .e-schedule .e-timeline-year-view .e-month-header,
1852
1823
  .e-schedule .e-timeline-year-view .e-work-cells {
1853
- height: 70px;
1824
+ height: 75px;
1854
1825
  }
1855
1826
 
1856
1827
  .e-schedule .e-timeline-year-view .e-header-cells,
@@ -2101,13 +2072,6 @@
2101
2072
  background-color: #ecf;
2102
2073
  }
2103
2074
 
2104
- .e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
2105
- .e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
2106
- background-color: #ecf;
2107
- border-radius: 50%;
2108
- color: #000;
2109
- }
2110
-
2111
2075
  .e-schedule .e-timeline-view .e-resource-column-wrap,
2112
2076
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
2113
2077
  overflow: hidden;
@@ -2131,6 +2095,12 @@
2131
2095
  height: 42px;
2132
2096
  }
2133
2097
 
2098
+ .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
2099
+ .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
2100
+ background-color: rgba(0, 0, 0, 0.08);
2101
+ box-shadow: inset 0 0 0 8px #e4e4e4;
2102
+ }
2103
+
2134
2104
  .e-schedule .e-timeline-view .e-resource-tree-icon,
2135
2105
  .e-schedule .e-timeline-month-view .e-resource-tree-icon {
2136
2106
  color: #000;
@@ -2217,6 +2187,7 @@
2217
2187
  .e-schedule .e-timeline-view .e-appointment .e-time,
2218
2188
  .e-schedule .e-timeline-month-view .e-appointment .e-time {
2219
2189
  display: block;
2190
+ line-height: 1.4;
2220
2191
  }
2221
2192
 
2222
2193
  .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2393,6 +2364,7 @@
2393
2364
 
2394
2365
  .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
2395
2366
  border-right: 1px solid #757575;
2367
+ height: 40px;
2396
2368
  padding-top: 8px;
2397
2369
  }
2398
2370
 
@@ -2548,7 +2520,7 @@
2548
2520
  padding: 0;
2549
2521
  }
2550
2522
 
2551
- .e-schedule .e-month-agenda-view .e-appointment-indicator {
2523
+ .e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
2552
2524
  background: #1c8000;
2553
2525
  border-radius: 50%;
2554
2526
  height: 6px;
@@ -3026,20 +2998,10 @@
3026
2998
  width: 420px;
3027
2999
  }
3028
3000
 
3029
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
3030
- padding: 2%;
3031
- }
3032
-
3033
3001
  @media screen and (max-width: 767px) {
3034
3002
  .e-dialog.e-quick-dialog.e-following-events-dialog {
3035
3003
  width: 289px;
3036
3004
  }
3037
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
3038
- padding: 5%;
3039
- }
3040
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
3041
- margin-bottom: 5%;
3042
- }
3043
3005
  }
3044
3006
 
3045
3007
  .e-dialog.e-quick-dialog {
@@ -3342,10 +3304,6 @@
3342
3304
  display: none;
3343
3305
  }
3344
3306
 
3345
- .e-bigger .e-schedule-dialog .e-footer-content {
3346
- padding-right: 26px;
3347
- }
3348
-
3349
3307
  .e-bigger .e-schedule-dialog.e-rtl .e-all-day-container {
3350
3308
  margin-left: 20px;
3351
3309
  margin-right: 0;
@@ -3644,7 +3602,6 @@
3644
3602
  font-weight: 500;
3645
3603
  line-height: 1.5;
3646
3604
  max-height: 87px;
3647
- color: #fff;
3648
3605
  background-color: rgba(28, 128, 0, 0.3);
3649
3606
  border-left: 6px solid #1c8000;
3650
3607
  padding: 8px 0 8px 10px;
@@ -3701,7 +3658,6 @@
3701
3658
  color: #000;
3702
3659
  font-size: 18px;
3703
3660
  padding-right: 13px;
3704
- padding-top: 4px;
3705
3661
  }
3706
3662
 
3707
3663
  .e-quick-popup-wrapper .e-cell-popup .e-date-time-details,
@@ -3736,7 +3692,6 @@
3736
3692
  .e-quick-popup-wrapper .e-popup-footer .e-event-edit,
3737
3693
  .e-quick-popup-wrapper .e-popup-footer .e-event-delete {
3738
3694
  right: auto;
3739
- margin-right: 10px;
3740
3695
  }
3741
3696
 
3742
3697
  .e-quick-popup-wrapper .e-popup-footer .e-event-edit:disabled,
@@ -3786,7 +3741,6 @@
3786
3741
  top: 0;
3787
3742
  width: 100%;
3788
3743
  z-index: 1004;
3789
- background-color: #fff;
3790
3744
  }
3791
3745
 
3792
3746
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
@@ -4225,6 +4179,7 @@
4225
4179
  border-color: #757575;
4226
4180
  border-style: solid;
4227
4181
  border-width: 0 0 1px 1px;
4182
+ padding: 0;
4228
4183
  }
4229
4184
 
4230
4185
  .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4310,6 +4265,7 @@
4310
4265
  border-style: solid;
4311
4266
  border-width: 0 0 1px;
4312
4267
  color: #000;
4268
+ padding: 0;
4313
4269
  }
4314
4270
 
4315
4271
  .e-schedule .e-month-view .e-work-cells:hover,
@@ -4334,7 +4290,6 @@
4334
4290
  border-radius: 50%;
4335
4291
  color: #fff;
4336
4292
  width: 20px;
4337
- color: #400074;
4338
4293
  }
4339
4294
 
4340
4295
  .e-schedule .e-month-view .e-selected-cell,
@@ -4343,11 +4298,6 @@
4343
4298
  color: #fff;
4344
4299
  }
4345
4300
 
4346
- .e-schedule .e-month-view .e-selected-cell .e-date-header,
4347
- .e-schedule .e-month-agenda-view .e-selected-cell .e-date-header {
4348
- color: #fff;
4349
- }
4350
-
4351
4301
  .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
4352
4302
  .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
4353
4303
  color: #fff;
@@ -4404,6 +4354,7 @@
4404
4354
  border-style: solid;
4405
4355
  border-width: 0 0 1px 1px;
4406
4356
  color: #000;
4357
+ padding: 0;
4407
4358
  }
4408
4359
 
4409
4360
  .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4412,6 +4363,11 @@
4412
4363
  color: #000;
4413
4364
  }
4414
4365
 
4366
+ .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
4367
+ .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
4368
+ background-color: rgba(0, 0, 0, 0.08);
4369
+ }
4370
+
4415
4371
  .e-schedule .e-timeline-view .e-work-days,
4416
4372
  .e-schedule .e-timeline-month-view .e-work-days {
4417
4373
  background-color: #fff;
@@ -4611,10 +4567,6 @@
4611
4567
  padding-left: 10px;
4612
4568
  }
4613
4569
 
4614
- .e-recurrenceeditor .e-icons {
4615
- height: 0;
4616
- }
4617
-
4618
4570
  .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
4619
4571
  padding: 0 8px 10px 0;
4620
4572
  }
@@ -226,24 +226,9 @@
226
226
  }
227
227
 
228
228
  .e-schedule .e-schedule-toolbar .e-toolbar-pop {
229
- background: #000;
230
229
  overflow: auto;
231
230
  }
232
231
 
233
- .e-schedule .e-schedule-toolbar .e-tbar-btn {
234
- background: #000;
235
- border-color: #000;
236
- }
237
-
238
- .e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
239
- background-color: #685708;
240
- border-color: #fff;
241
- }
242
-
243
- .e-schedule .e-schedule-toolbar .e-tbar-btn:active {
244
- background: #ffd939;
245
- }
246
-
247
232
  .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
248
233
  cursor: pointer;
249
234
  font-size: 14px;
@@ -268,13 +253,7 @@
268
253
  padding-top: 4px;
269
254
  }
270
255
 
271
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
272
- background: #685708;
273
- border-radius: 0%;
274
- }
275
-
276
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
277
- background: #685708;
256
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
278
257
  border-radius: 0%;
279
258
  }
280
259
 
@@ -315,20 +294,10 @@
315
294
  text-transform: initial;
316
295
  }
317
296
 
318
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
319
- cursor: pointer;
320
- font-size: 14px;
321
- text-transform: uppercase;
322
- }
323
-
324
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
325
- padding-left: 0;
326
- }
327
-
328
297
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
329
298
  background: #000;
330
299
  border-left: 0;
331
- border-right: 1px solid #ffd939;
300
+ border-right: 1px solid #969696;
332
301
  }
333
302
 
334
303
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
@@ -337,8 +306,7 @@
337
306
  }
338
307
 
339
308
  .e-schedule .e-schedule-toolbar .e-hor-nav {
340
- background: #000;
341
- border-left: 1px solid #ffd939;
309
+ border-left: 1px solid #969696;
342
310
  }
343
311
 
344
312
  .e-schedule .e-schedule-toolbar .e-hor-nav::after {
@@ -548,6 +516,13 @@
548
516
  width: 100%;
549
517
  }
550
518
 
519
+ .e-schedule .e-content-placeholder {
520
+ height: 100%;
521
+ position: relative;
522
+ width: 100%;
523
+ z-index: 99999;
524
+ }
525
+
551
526
  .e-schedule .e-content-wrap,
552
527
  .e-schedule .e-scroll-container {
553
528
  -webkit-overflow-scrolling: touch;
@@ -1701,7 +1676,7 @@
1701
1676
  border-style: solid;
1702
1677
  border-width: 0 1px 1px 0;
1703
1678
  color: #fff;
1704
- height: 70px;
1679
+ height: 75px;
1705
1680
  padding-left: 15px;
1706
1681
  padding-right: 0;
1707
1682
  vertical-align: middle;
@@ -1742,6 +1717,7 @@
1742
1717
  border-style: solid;
1743
1718
  border-width: 0 1px 1px 0;
1744
1719
  color: #fff;
1720
+ padding: 0;
1745
1721
  }
1746
1722
 
1747
1723
  .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1850,7 +1826,7 @@
1850
1826
 
1851
1827
  .e-schedule .e-timeline-year-view .e-month-header,
1852
1828
  .e-schedule .e-timeline-year-view .e-work-cells {
1853
- height: 70px;
1829
+ height: 75px;
1854
1830
  }
1855
1831
 
1856
1832
  .e-schedule .e-timeline-year-view .e-header-cells,
@@ -2101,13 +2077,6 @@
2101
2077
  background-color: #685708;
2102
2078
  }
2103
2079
 
2104
- .e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
2105
- .e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
2106
- background-color: #685708;
2107
- border-radius: 50%;
2108
- color: #fff;
2109
- }
2110
-
2111
2080
  .e-schedule .e-timeline-view .e-resource-column-wrap,
2112
2081
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
2113
2082
  overflow: hidden;
@@ -2131,6 +2100,12 @@
2131
2100
  height: 42px;
2132
2101
  }
2133
2102
 
2103
+ .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
2104
+ .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
2105
+ background-color: rgba(0, 0, 0, 0.08);
2106
+ box-shadow: inset 0 0 0 8px #1a1a1a;
2107
+ }
2108
+
2134
2109
  .e-schedule .e-timeline-view .e-resource-tree-icon,
2135
2110
  .e-schedule .e-timeline-month-view .e-resource-tree-icon {
2136
2111
  color: #fff;
@@ -2217,6 +2192,7 @@
2217
2192
  .e-schedule .e-timeline-view .e-appointment .e-time,
2218
2193
  .e-schedule .e-timeline-month-view .e-appointment .e-time {
2219
2194
  display: block;
2195
+ line-height: 1.4;
2220
2196
  }
2221
2197
 
2222
2198
  .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2393,6 +2369,7 @@
2393
2369
 
2394
2370
  .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
2395
2371
  border-right: 1px solid #969696;
2372
+ height: 40px;
2396
2373
  padding-top: 8px;
2397
2374
  }
2398
2375
 
@@ -2548,7 +2525,7 @@
2548
2525
  padding: 0;
2549
2526
  }
2550
2527
 
2551
- .e-schedule .e-month-agenda-view .e-appointment-indicator {
2528
+ .e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
2552
2529
  background: #1c8000;
2553
2530
  border-radius: 50%;
2554
2531
  height: 6px;
@@ -4225,6 +4202,7 @@
4225
4202
  border-color: #969696;
4226
4203
  border-style: solid;
4227
4204
  border-width: 0 0 1px 1px;
4205
+ padding: 0;
4228
4206
  }
4229
4207
 
4230
4208
  .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4310,6 +4288,7 @@
4310
4288
  border-style: solid;
4311
4289
  border-width: 0 0 1px;
4312
4290
  color: #fff;
4291
+ padding: 0;
4313
4292
  }
4314
4293
 
4315
4294
  .e-schedule .e-month-view .e-work-cells:hover,
@@ -4404,6 +4383,7 @@
4404
4383
  border-style: solid;
4405
4384
  border-width: 0 0 1px 1px;
4406
4385
  color: #fff;
4386
+ padding: 0;
4407
4387
  }
4408
4388
 
4409
4389
  .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4412,6 +4392,11 @@
4412
4392
  color: #fff;
4413
4393
  }
4414
4394
 
4395
+ .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
4396
+ .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
4397
+ background-color: rgba(0, 0, 0, 0.08);
4398
+ }
4399
+
4415
4400
  .e-schedule .e-timeline-view .e-work-days,
4416
4401
  .e-schedule .e-timeline-month-view .e-work-days {
4417
4402
  background-color: #000;
@@ -4611,10 +4596,6 @@
4611
4596
  padding-left: 10px;
4612
4597
  }
4613
4598
 
4614
- .e-recurrenceeditor .e-icons {
4615
- height: 0;
4616
- }
4617
-
4618
4599
  .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
4619
4600
  padding: 0 8px 10px 0;
4620
4601
  }