@syncfusion/ej2-schedule 24.2.3 → 24.2.8

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 (78) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  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 +128 -59
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +127 -58
  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 +14 -14
  13. package/src/schedule/actions/drag.js +14 -5
  14. package/src/schedule/actions/resize.js +41 -26
  15. package/src/schedule/actions/virtual-scroll.js +4 -0
  16. package/src/schedule/base/util.d.ts +21 -0
  17. package/src/schedule/base/util.js +29 -2
  18. package/src/schedule/event-renderer/inline-edit.js +1 -1
  19. package/src/schedule/event-renderer/month.js +3 -4
  20. package/src/schedule/event-renderer/timeline-view.d.ts +1 -0
  21. package/src/schedule/event-renderer/timeline-view.js +25 -7
  22. package/src/schedule/event-renderer/vertical-view.js +1 -1
  23. package/src/schedule/event-renderer/year.js +3 -3
  24. package/src/schedule/renderer/timeline-view.d.ts +0 -1
  25. package/src/schedule/renderer/timeline-view.js +3 -6
  26. package/src/schedule/renderer/vertical-view.js +1 -1
  27. package/src/schedule/renderer/view-base.js +1 -1
  28. package/styles/bootstrap-dark.css +42 -0
  29. package/styles/bootstrap.css +42 -0
  30. package/styles/bootstrap4.css +42 -0
  31. package/styles/bootstrap5-dark.css +42 -0
  32. package/styles/bootstrap5.css +42 -0
  33. package/styles/fabric-dark.css +42 -0
  34. package/styles/fabric.css +42 -0
  35. package/styles/fluent-dark.css +42 -0
  36. package/styles/fluent.css +42 -0
  37. package/styles/highcontrast-light.css +42 -0
  38. package/styles/highcontrast.css +42 -0
  39. package/styles/material-dark.css +42 -0
  40. package/styles/material.css +42 -0
  41. package/styles/material3-dark.css +42 -0
  42. package/styles/material3.css +42 -0
  43. package/styles/schedule/_bootstrap-dark-definition.scss +1 -0
  44. package/styles/schedule/_bootstrap-definition.scss +1 -0
  45. package/styles/schedule/_bootstrap4-definition.scss +1 -0
  46. package/styles/schedule/_bootstrap5-definition.scss +1 -0
  47. package/styles/schedule/_fabric-dark-definition.scss +1 -0
  48. package/styles/schedule/_fabric-definition.scss +1 -0
  49. package/styles/schedule/_fluent-definition.scss +1 -0
  50. package/styles/schedule/_fusionnew-definition.scss +1 -0
  51. package/styles/schedule/_highcontrast-definition.scss +1 -0
  52. package/styles/schedule/_highcontrast-light-definition.scss +1 -0
  53. package/styles/schedule/_layout.scss +58 -0
  54. package/styles/schedule/_material-dark-definition.scss +1 -0
  55. package/styles/schedule/_material-definition.scss +1 -0
  56. package/styles/schedule/_material3-definition.scss +1 -0
  57. package/styles/schedule/_tailwind-definition.scss +1 -0
  58. package/styles/schedule/bootstrap-dark.css +42 -0
  59. package/styles/schedule/bootstrap.css +42 -0
  60. package/styles/schedule/bootstrap4.css +42 -0
  61. package/styles/schedule/bootstrap5-dark.css +42 -0
  62. package/styles/schedule/bootstrap5.css +42 -0
  63. package/styles/schedule/fabric-dark.css +42 -0
  64. package/styles/schedule/fabric.css +42 -0
  65. package/styles/schedule/fluent-dark.css +42 -0
  66. package/styles/schedule/fluent.css +42 -0
  67. package/styles/schedule/highcontrast-light.css +42 -0
  68. package/styles/schedule/highcontrast.css +42 -0
  69. package/styles/schedule/material-dark.css +42 -0
  70. package/styles/schedule/material.css +42 -0
  71. package/styles/schedule/material3-dark.css +42 -0
  72. package/styles/schedule/material3.css +42 -0
  73. package/styles/schedule/tailwind-dark.css +42 -0
  74. package/styles/schedule/tailwind.css +42 -0
  75. package/styles/tailwind-dark.css +42 -0
  76. package/styles/tailwind.css +42 -0
  77. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -63
  78. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -39
package/styles/bootstrap-dark.css CHANGED
@@ -395,6 +395,9 @@
395
395
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
396
396
  height: calc(100% - 20px);
397
397
  }
398
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
399
+ height: 56px;
400
+ }
398
401
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
399
402
  height: 56px;
400
403
  min-height: 56px;
@@ -421,6 +424,20 @@
421
424
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
422
425
  overflow: hidden;
423
426
  }
427
+ @media screen and (max-width: 320px) {
428
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
429
+ width: 100%;
430
+ }
431
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
432
+ padding-left: 7px;
433
+ }
434
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
435
+ padding-right: 7px;
436
+ }
437
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
438
+ font-size: 8px;
439
+ }
440
+ }
424
441
  .e-schedule .e-schedule-resource-toolbar {
425
442
  background: #131313;
426
443
  border-bottom: 1px solid #505050;
@@ -2789,6 +2806,19 @@
2789
2806
  float: right;
2790
2807
  }
2791
2808
 
2809
+ /*! schedule event window for smaller viewports*/
2810
+ @media screen and (max-width: 320px) {
2811
+ .e-schedule-dialog.e-popup.e-popup-open {
2812
+ max-height: 350px;
2813
+ min-width: 100%;
2814
+ }
2815
+ .e-schedule-dialog .e-all-day-container {
2816
+ padding-bottom: 10px;
2817
+ }
2818
+ .e-schedule-dialog .e-all-day-time-zone-row {
2819
+ display: block;
2820
+ }
2821
+ }
2792
2822
  .e-ddl.e-popup .e-resource-template {
2793
2823
  display: -ms-flexbox;
2794
2824
  display: flex;
@@ -3378,6 +3408,18 @@
3378
3408
  margin-right: 0;
3379
3409
  }
3380
3410
 
3411
+ /*! schedule quick popup for smaller viewports */
3412
+ @media screen and (max-width: 320px) {
3413
+ .e-quick-popup-wrapper {
3414
+ min-width: 100%;
3415
+ }
3416
+ .e-quick-popup-wrapper .e-popup-footer {
3417
+ padding-left: 5px;
3418
+ }
3419
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3420
+ padding-right: 5px;
3421
+ }
3422
+ }
3381
3423
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3382
3424
  font-size: 24px;
3383
3425
  }
package/styles/bootstrap.css CHANGED
@@ -390,6 +390,9 @@
390
390
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
391
391
  height: calc(100% - 20px);
392
392
  }
393
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
394
+ height: 56px;
395
+ }
393
396
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
394
397
  height: 56px;
395
398
  min-height: 56px;
@@ -416,6 +419,20 @@
416
419
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
417
420
  overflow: hidden;
418
421
  }
422
+ @media screen and (max-width: 320px) {
423
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
424
+ width: 100%;
425
+ }
426
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
427
+ padding-left: 7px;
428
+ }
429
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
430
+ padding-right: 7px;
431
+ }
432
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
433
+ font-size: 8px;
434
+ }
435
+ }
419
436
  .e-schedule .e-schedule-resource-toolbar {
420
437
  background: #f8f8f8;
421
438
  border-bottom: 1px solid #ddd;
@@ -2784,6 +2801,19 @@
2784
2801
  float: right;
2785
2802
  }
2786
2803
 
2804
+ /*! schedule event window for smaller viewports*/
2805
+ @media screen and (max-width: 320px) {
2806
+ .e-schedule-dialog.e-popup.e-popup-open {
2807
+ max-height: 350px;
2808
+ min-width: 100%;
2809
+ }
2810
+ .e-schedule-dialog .e-all-day-container {
2811
+ padding-bottom: 10px;
2812
+ }
2813
+ .e-schedule-dialog .e-all-day-time-zone-row {
2814
+ display: block;
2815
+ }
2816
+ }
2787
2817
  .e-ddl.e-popup .e-resource-template {
2788
2818
  display: -ms-flexbox;
2789
2819
  display: flex;
@@ -3373,6 +3403,18 @@
3373
3403
  margin-right: 0;
3374
3404
  }
3375
3405
 
3406
+ /*! schedule quick popup for smaller viewports */
3407
+ @media screen and (max-width: 320px) {
3408
+ .e-quick-popup-wrapper {
3409
+ min-width: 100%;
3410
+ }
3411
+ .e-quick-popup-wrapper .e-popup-footer {
3412
+ padding-left: 5px;
3413
+ }
3414
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3415
+ padding-right: 5px;
3416
+ }
3417
+ }
3376
3418
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3377
3419
  font-size: 24px;
3378
3420
  }
package/styles/bootstrap4.css CHANGED
@@ -499,6 +499,9 @@
499
499
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
500
500
  height: calc(100% - 20px);
501
501
  }
502
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
503
+ height: 54px;
504
+ }
502
505
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
503
506
  height: 54px;
504
507
  min-height: 54px;
@@ -525,6 +528,20 @@
525
528
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
526
529
  overflow: hidden;
527
530
  }
531
+ @media screen and (max-width: 320px) {
532
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
533
+ width: 100%;
534
+ }
535
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
536
+ padding-left: 7px;
537
+ }
538
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
539
+ padding-right: 7px;
540
+ }
541
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
542
+ font-size: 8px;
543
+ }
544
+ }
528
545
  .e-schedule .e-schedule-resource-toolbar {
529
546
  background: #f8f9fa;
530
547
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
@@ -2893,6 +2910,19 @@
2893
2910
  float: right;
2894
2911
  }
2895
2912
 
2913
+ /*! schedule event window for smaller viewports*/
2914
+ @media screen and (max-width: 320px) {
2915
+ .e-schedule-dialog.e-popup.e-popup-open {
2916
+ max-height: 350px;
2917
+ min-width: 100%;
2918
+ }
2919
+ .e-schedule-dialog .e-all-day-container {
2920
+ padding-bottom: 10px;
2921
+ }
2922
+ .e-schedule-dialog .e-all-day-time-zone-row {
2923
+ display: block;
2924
+ }
2925
+ }
2896
2926
  .e-ddl.e-popup .e-resource-template {
2897
2927
  display: -ms-flexbox;
2898
2928
  display: flex;
@@ -3482,6 +3512,18 @@
3482
3512
  margin-right: 0;
3483
3513
  }
3484
3514
 
3515
+ /*! schedule quick popup for smaller viewports */
3516
+ @media screen and (max-width: 320px) {
3517
+ .e-quick-popup-wrapper {
3518
+ min-width: 100%;
3519
+ }
3520
+ .e-quick-popup-wrapper .e-popup-footer {
3521
+ padding-left: 5px;
3522
+ }
3523
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3524
+ padding-right: 5px;
3525
+ }
3526
+ }
3485
3527
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3486
3528
  font-size: 24px;
3487
3529
  }
package/styles/bootstrap5-dark.css CHANGED
@@ -444,6 +444,9 @@
444
444
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
445
445
  height: calc(100% - 20px);
446
446
  }
447
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
448
+ height: 54px;
449
+ }
447
450
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
448
451
  height: 54px;
449
452
  min-height: 54px;
@@ -470,6 +473,20 @@
470
473
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
471
474
  overflow: hidden;
472
475
  }
476
+ @media screen and (max-width: 320px) {
477
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
478
+ width: 100%;
479
+ }
480
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
481
+ padding-left: 7px;
482
+ }
483
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
484
+ padding-right: 7px;
485
+ }
486
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
487
+ font-size: 8px;
488
+ }
489
+ }
473
490
  .e-schedule .e-schedule-resource-toolbar {
474
491
  background: #282d31;
475
492
  border-bottom: 0;
@@ -2838,6 +2855,19 @@
2838
2855
  float: right;
2839
2856
  }
2840
2857
 
2858
+ /*! schedule event window for smaller viewports*/
2859
+ @media screen and (max-width: 320px) {
2860
+ .e-schedule-dialog.e-popup.e-popup-open {
2861
+ max-height: 350px;
2862
+ min-width: 100%;
2863
+ }
2864
+ .e-schedule-dialog .e-all-day-container {
2865
+ padding-bottom: 10px;
2866
+ }
2867
+ .e-schedule-dialog .e-all-day-time-zone-row {
2868
+ display: block;
2869
+ }
2870
+ }
2841
2871
  .e-ddl.e-popup .e-resource-template {
2842
2872
  display: -ms-flexbox;
2843
2873
  display: flex;
@@ -3427,6 +3457,18 @@
3427
3457
  margin-right: 0;
3428
3458
  }
3429
3459
 
3460
+ /*! schedule quick popup for smaller viewports */
3461
+ @media screen and (max-width: 320px) {
3462
+ .e-quick-popup-wrapper {
3463
+ min-width: 100%;
3464
+ }
3465
+ .e-quick-popup-wrapper .e-popup-footer {
3466
+ padding-left: 5px;
3467
+ }
3468
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3469
+ padding-right: 5px;
3470
+ }
3471
+ }
3430
3472
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3431
3473
  font-size: 24px;
3432
3474
  }
package/styles/bootstrap5.css CHANGED
@@ -444,6 +444,9 @@
444
444
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
445
445
  height: calc(100% - 20px);
446
446
  }
447
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
448
+ height: 54px;
449
+ }
447
450
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
448
451
  height: 54px;
449
452
  min-height: 54px;
@@ -470,6 +473,20 @@
470
473
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
471
474
  overflow: hidden;
472
475
  }
476
+ @media screen and (max-width: 320px) {
477
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
478
+ width: 100%;
479
+ }
480
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
481
+ padding-left: 7px;
482
+ }
483
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
484
+ padding-right: 7px;
485
+ }
486
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
487
+ font-size: 8px;
488
+ }
489
+ }
473
490
  .e-schedule .e-schedule-resource-toolbar {
474
491
  background: #f8f9fa;
475
492
  border-bottom: 0;
@@ -2838,6 +2855,19 @@
2838
2855
  float: right;
2839
2856
  }
2840
2857
 
2858
+ /*! schedule event window for smaller viewports*/
2859
+ @media screen and (max-width: 320px) {
2860
+ .e-schedule-dialog.e-popup.e-popup-open {
2861
+ max-height: 350px;
2862
+ min-width: 100%;
2863
+ }
2864
+ .e-schedule-dialog .e-all-day-container {
2865
+ padding-bottom: 10px;
2866
+ }
2867
+ .e-schedule-dialog .e-all-day-time-zone-row {
2868
+ display: block;
2869
+ }
2870
+ }
2841
2871
  .e-ddl.e-popup .e-resource-template {
2842
2872
  display: -ms-flexbox;
2843
2873
  display: flex;
@@ -3427,6 +3457,18 @@
3427
3457
  margin-right: 0;
3428
3458
  }
3429
3459
 
3460
+ /*! schedule quick popup for smaller viewports */
3461
+ @media screen and (max-width: 320px) {
3462
+ .e-quick-popup-wrapper {
3463
+ min-width: 100%;
3464
+ }
3465
+ .e-quick-popup-wrapper .e-popup-footer {
3466
+ padding-left: 5px;
3467
+ }
3468
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3469
+ padding-right: 5px;
3470
+ }
3471
+ }
3430
3472
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3431
3473
  font-size: 24px;
3432
3474
  }
package/styles/fabric-dark.css CHANGED
@@ -362,6 +362,9 @@
362
362
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
363
363
  height: calc(100% - 20px);
364
364
  }
365
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
366
+ height: 56px;
367
+ }
365
368
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
366
369
  height: 56px;
367
370
  min-height: 56px;
@@ -388,6 +391,20 @@
388
391
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
389
392
  overflow: hidden;
390
393
  }
394
+ @media screen and (max-width: 320px) {
395
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
396
+ width: 100%;
397
+ }
398
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
399
+ padding-left: 7px;
400
+ }
401
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
402
+ padding-right: 7px;
403
+ }
404
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
405
+ font-size: 8px;
406
+ }
407
+ }
391
408
  .e-schedule .e-schedule-resource-toolbar {
392
409
  background: #201f1f;
393
410
  border-bottom: 1px solid #414040;
@@ -2756,6 +2773,19 @@
2756
2773
  float: right;
2757
2774
  }
2758
2775
 
2776
+ /*! schedule event window for smaller viewports*/
2777
+ @media screen and (max-width: 320px) {
2778
+ .e-schedule-dialog.e-popup.e-popup-open {
2779
+ max-height: 350px;
2780
+ min-width: 100%;
2781
+ }
2782
+ .e-schedule-dialog .e-all-day-container {
2783
+ padding-bottom: 10px;
2784
+ }
2785
+ .e-schedule-dialog .e-all-day-time-zone-row {
2786
+ display: block;
2787
+ }
2788
+ }
2759
2789
  .e-ddl.e-popup .e-resource-template {
2760
2790
  display: -ms-flexbox;
2761
2791
  display: flex;
@@ -3345,6 +3375,18 @@
3345
3375
  margin-right: 0;
3346
3376
  }
3347
3377
 
3378
+ /*! schedule quick popup for smaller viewports */
3379
+ @media screen and (max-width: 320px) {
3380
+ .e-quick-popup-wrapper {
3381
+ min-width: 100%;
3382
+ }
3383
+ .e-quick-popup-wrapper .e-popup-footer {
3384
+ padding-left: 5px;
3385
+ }
3386
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3387
+ padding-right: 5px;
3388
+ }
3389
+ }
3348
3390
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3349
3391
  font-size: 24px;
3350
3392
  }
package/styles/fabric.css CHANGED
@@ -352,6 +352,9 @@
352
352
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
353
353
  height: calc(100% - 20px);
354
354
  }
355
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
356
+ height: 56px;
357
+ }
355
358
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
356
359
  height: 56px;
357
360
  min-height: 56px;
@@ -378,6 +381,20 @@
378
381
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
379
382
  overflow: hidden;
380
383
  }
384
+ @media screen and (max-width: 320px) {
385
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
386
+ width: 100%;
387
+ }
388
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
389
+ padding-left: 7px;
390
+ }
391
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
392
+ padding-right: 7px;
393
+ }
394
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
395
+ font-size: 8px;
396
+ }
397
+ }
381
398
  .e-schedule .e-schedule-resource-toolbar {
382
399
  background: #fff;
383
400
  border-bottom: 1px solid #dadada;
@@ -2746,6 +2763,19 @@
2746
2763
  float: right;
2747
2764
  }
2748
2765
 
2766
+ /*! schedule event window for smaller viewports*/
2767
+ @media screen and (max-width: 320px) {
2768
+ .e-schedule-dialog.e-popup.e-popup-open {
2769
+ max-height: 350px;
2770
+ min-width: 100%;
2771
+ }
2772
+ .e-schedule-dialog .e-all-day-container {
2773
+ padding-bottom: 10px;
2774
+ }
2775
+ .e-schedule-dialog .e-all-day-time-zone-row {
2776
+ display: block;
2777
+ }
2778
+ }
2749
2779
  .e-ddl.e-popup .e-resource-template {
2750
2780
  display: -ms-flexbox;
2751
2781
  display: flex;
@@ -3335,6 +3365,18 @@
3335
3365
  margin-right: 0;
3336
3366
  }
3337
3367
 
3368
+ /*! schedule quick popup for smaller viewports */
3369
+ @media screen and (max-width: 320px) {
3370
+ .e-quick-popup-wrapper {
3371
+ min-width: 100%;
3372
+ }
3373
+ .e-quick-popup-wrapper .e-popup-footer {
3374
+ padding-left: 5px;
3375
+ }
3376
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3377
+ padding-right: 5px;
3378
+ }
3379
+ }
3338
3380
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3339
3381
  font-size: 24px;
3340
3382
  }
package/styles/fluent-dark.css CHANGED
@@ -421,6 +421,9 @@
421
421
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
422
422
  height: calc(100% - 20px);
423
423
  }
424
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
425
+ height: 54px;
426
+ }
424
427
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
425
428
  height: 54px;
426
429
  min-height: 54px;
@@ -447,6 +450,20 @@
447
450
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
448
451
  overflow: hidden;
449
452
  }
453
+ @media screen and (max-width: 320px) {
454
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
455
+ width: 100%;
456
+ }
457
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
458
+ padding-left: 7px;
459
+ }
460
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
461
+ padding-right: 7px;
462
+ }
463
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
464
+ font-size: 8px;
465
+ }
466
+ }
450
467
  .e-schedule .e-schedule-resource-toolbar {
451
468
  background: #1b1a19;
452
469
  border-bottom: 1px solid #292827;
@@ -2815,6 +2832,19 @@
2815
2832
  float: right;
2816
2833
  }
2817
2834
 
2835
+ /*! schedule event window for smaller viewports*/
2836
+ @media screen and (max-width: 320px) {
2837
+ .e-schedule-dialog.e-popup.e-popup-open {
2838
+ max-height: 350px;
2839
+ min-width: 100%;
2840
+ }
2841
+ .e-schedule-dialog .e-all-day-container {
2842
+ padding-bottom: 10px;
2843
+ }
2844
+ .e-schedule-dialog .e-all-day-time-zone-row {
2845
+ display: block;
2846
+ }
2847
+ }
2818
2848
  .e-ddl.e-popup .e-resource-template {
2819
2849
  display: -ms-flexbox;
2820
2850
  display: flex;
@@ -3404,6 +3434,18 @@
3404
3434
  margin-right: 0;
3405
3435
  }
3406
3436
 
3437
+ /*! schedule quick popup for smaller viewports */
3438
+ @media screen and (max-width: 320px) {
3439
+ .e-quick-popup-wrapper {
3440
+ min-width: 100%;
3441
+ }
3442
+ .e-quick-popup-wrapper .e-popup-footer {
3443
+ padding-left: 5px;
3444
+ }
3445
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3446
+ padding-right: 5px;
3447
+ }
3448
+ }
3407
3449
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3408
3450
  font-size: 24px;
3409
3451
  }
package/styles/fluent.css CHANGED
@@ -421,6 +421,9 @@
421
421
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
422
422
  height: calc(100% - 20px);
423
423
  }
424
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
425
+ height: 54px;
426
+ }
424
427
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
425
428
  height: 54px;
426
429
  min-height: 54px;
@@ -447,6 +450,20 @@
447
450
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
448
451
  overflow: hidden;
449
452
  }
453
+ @media screen and (max-width: 320px) {
454
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
455
+ width: 100%;
456
+ }
457
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
458
+ padding-left: 7px;
459
+ }
460
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
461
+ padding-right: 7px;
462
+ }
463
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
464
+ font-size: 8px;
465
+ }
466
+ }
450
467
  .e-schedule .e-schedule-resource-toolbar {
451
468
  background: #fff;
452
469
  border-bottom: 1px solid #edebe9;
@@ -2815,6 +2832,19 @@
2815
2832
  float: right;
2816
2833
  }
2817
2834
 
2835
+ /*! schedule event window for smaller viewports*/
2836
+ @media screen and (max-width: 320px) {
2837
+ .e-schedule-dialog.e-popup.e-popup-open {
2838
+ max-height: 350px;
2839
+ min-width: 100%;
2840
+ }
2841
+ .e-schedule-dialog .e-all-day-container {
2842
+ padding-bottom: 10px;
2843
+ }
2844
+ .e-schedule-dialog .e-all-day-time-zone-row {
2845
+ display: block;
2846
+ }
2847
+ }
2818
2848
  .e-ddl.e-popup .e-resource-template {
2819
2849
  display: -ms-flexbox;
2820
2850
  display: flex;
@@ -3404,6 +3434,18 @@
3404
3434
  margin-right: 0;
3405
3435
  }
3406
3436
 
3437
+ /*! schedule quick popup for smaller viewports */
3438
+ @media screen and (max-width: 320px) {
3439
+ .e-quick-popup-wrapper {
3440
+ min-width: 100%;
3441
+ }
3442
+ .e-quick-popup-wrapper .e-popup-footer {
3443
+ padding-left: 5px;
3444
+ }
3445
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3446
+ padding-right: 5px;
3447
+ }
3448
+ }
3407
3449
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3408
3450
  font-size: 24px;
3409
3451
  }
package/styles/highcontrast-light.css CHANGED
@@ -434,6 +434,9 @@
434
434
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
435
435
  height: calc(100% - 20px);
436
436
  }
437
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
438
+ height: 56px;
439
+ }
437
440
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
438
441
  height: 56px;
439
442
  min-height: 56px;
@@ -460,6 +463,20 @@
460
463
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
461
464
  overflow: hidden;
462
465
  }
466
+ @media screen and (max-width: 320px) {
467
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
468
+ width: 100%;
469
+ }
470
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
471
+ padding-left: 7px;
472
+ }
473
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
474
+ padding-right: 7px;
475
+ }
476
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
477
+ font-size: 8px;
478
+ }
479
+ }
463
480
  .e-schedule .e-schedule-resource-toolbar {
464
481
  background: #fff;
465
482
  border-bottom: 1px solid #757575;
@@ -2828,6 +2845,19 @@
2828
2845
  float: right;
2829
2846
  }
2830
2847
 
2848
+ /*! schedule event window for smaller viewports*/
2849
+ @media screen and (max-width: 320px) {
2850
+ .e-schedule-dialog.e-popup.e-popup-open {
2851
+ max-height: 350px;
2852
+ min-width: 100%;
2853
+ }
2854
+ .e-schedule-dialog .e-all-day-container {
2855
+ padding-bottom: 10px;
2856
+ }
2857
+ .e-schedule-dialog .e-all-day-time-zone-row {
2858
+ display: block;
2859
+ }
2860
+ }
2831
2861
  .e-ddl.e-popup .e-resource-template {
2832
2862
  display: -ms-flexbox;
2833
2863
  display: flex;
@@ -3417,6 +3447,18 @@
3417
3447
  margin-right: 0;
3418
3448
  }
3419
3449
 
3450
+ /*! schedule quick popup for smaller viewports */
3451
+ @media screen and (max-width: 320px) {
3452
+ .e-quick-popup-wrapper {
3453
+ min-width: 100%;
3454
+ }
3455
+ .e-quick-popup-wrapper .e-popup-footer {
3456
+ padding-left: 5px;
3457
+ }
3458
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3459
+ padding-right: 5px;
3460
+ }
3461
+ }
3420
3462
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3421
3463
  font-size: 24px;
3422
3464
  }