@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
@@ -378,6 +378,9 @@
378
378
  .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 {
379
379
  height: calc(100% - 20px);
380
380
  }
381
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
382
+ height: 56px;
383
+ }
381
384
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
382
385
  height: 56px;
383
386
  min-height: 56px;
@@ -404,6 +407,20 @@
404
407
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
405
408
  overflow: hidden;
406
409
  }
410
+ @media screen and (max-width: 320px) {
411
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
412
+ width: 100%;
413
+ }
414
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
415
+ padding-left: 7px;
416
+ }
417
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
418
+ padding-right: 7px;
419
+ }
420
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
421
+ font-size: 8px;
422
+ }
423
+ }
407
424
  .e-schedule .e-schedule-resource-toolbar {
408
425
  background: #212121;
409
426
  border-bottom: 0;
@@ -2772,6 +2789,19 @@
2772
2789
  float: right;
2773
2790
  }
2774
2791
 
2792
+ /*! schedule event window for smaller viewports*/
2793
+ @media screen and (max-width: 320px) {
2794
+ .e-schedule-dialog.e-popup.e-popup-open {
2795
+ max-height: 350px;
2796
+ min-width: 100%;
2797
+ }
2798
+ .e-schedule-dialog .e-all-day-container {
2799
+ padding-bottom: 10px;
2800
+ }
2801
+ .e-schedule-dialog .e-all-day-time-zone-row {
2802
+ display: block;
2803
+ }
2804
+ }
2775
2805
  .e-ddl.e-popup .e-resource-template {
2776
2806
  display: -ms-flexbox;
2777
2807
  display: flex;
@@ -3361,6 +3391,18 @@
3361
3391
  margin-right: 0;
3362
3392
  }
3363
3393
 
3394
+ /*! schedule quick popup for smaller viewports */
3395
+ @media screen and (max-width: 320px) {
3396
+ .e-quick-popup-wrapper {
3397
+ min-width: 100%;
3398
+ }
3399
+ .e-quick-popup-wrapper .e-popup-footer {
3400
+ padding-left: 5px;
3401
+ }
3402
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3403
+ padding-right: 5px;
3404
+ }
3405
+ }
3364
3406
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3365
3407
  font-size: 24px;
3366
3408
  }
@@ -414,6 +414,9 @@
414
414
  .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 {
415
415
  height: calc(100% - 20px);
416
416
  }
417
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
418
+ height: 56px;
419
+ }
417
420
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
418
421
  height: 56px;
419
422
  min-height: 56px;
@@ -440,6 +443,20 @@
440
443
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
441
444
  overflow: hidden;
442
445
  }
446
+ @media screen and (max-width: 320px) {
447
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
448
+ width: 100%;
449
+ }
450
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
451
+ padding-left: 7px;
452
+ }
453
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
454
+ padding-right: 7px;
455
+ }
456
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
457
+ font-size: 8px;
458
+ }
459
+ }
443
460
  .e-schedule .e-schedule-resource-toolbar {
444
461
  background: #fafafa;
445
462
  border-bottom: 0;
@@ -2808,6 +2825,19 @@
2808
2825
  float: right;
2809
2826
  }
2810
2827
 
2828
+ /*! schedule event window for smaller viewports*/
2829
+ @media screen and (max-width: 320px) {
2830
+ .e-schedule-dialog.e-popup.e-popup-open {
2831
+ max-height: 350px;
2832
+ min-width: 100%;
2833
+ }
2834
+ .e-schedule-dialog .e-all-day-container {
2835
+ padding-bottom: 10px;
2836
+ }
2837
+ .e-schedule-dialog .e-all-day-time-zone-row {
2838
+ display: block;
2839
+ }
2840
+ }
2811
2841
  .e-ddl.e-popup .e-resource-template {
2812
2842
  display: -ms-flexbox;
2813
2843
  display: flex;
@@ -3397,6 +3427,18 @@
3397
3427
  margin-right: 0;
3398
3428
  }
3399
3429
 
3430
+ /*! schedule quick popup for smaller viewports */
3431
+ @media screen and (max-width: 320px) {
3432
+ .e-quick-popup-wrapper {
3433
+ min-width: 100%;
3434
+ }
3435
+ .e-quick-popup-wrapper .e-popup-footer {
3436
+ padding-left: 5px;
3437
+ }
3438
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3439
+ padding-right: 5px;
3440
+ }
3441
+ }
3400
3442
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3401
3443
  font-size: 24px;
3402
3444
  }
@@ -481,6 +481,9 @@
481
481
  .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 {
482
482
  height: calc(100% - 20px);
483
483
  }
484
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
485
+ height: 56px;
486
+ }
484
487
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
485
488
  height: 56px;
486
489
  min-height: 56px;
@@ -507,6 +510,20 @@
507
510
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
508
511
  overflow: hidden;
509
512
  }
513
+ @media screen and (max-width: 320px) {
514
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
515
+ width: 100%;
516
+ }
517
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
518
+ padding-left: 7px;
519
+ }
520
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
521
+ padding-right: 7px;
522
+ }
523
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
524
+ font-size: 8px;
525
+ }
526
+ }
510
527
  .e-schedule .e-schedule-resource-toolbar {
511
528
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
512
529
  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
@@ -2875,6 +2892,19 @@
2875
2892
  float: right;
2876
2893
  }
2877
2894
 
2895
+ /*! schedule event window for smaller viewports*/
2896
+ @media screen and (max-width: 320px) {
2897
+ .e-schedule-dialog.e-popup.e-popup-open {
2898
+ max-height: 350px;
2899
+ min-width: 100%;
2900
+ }
2901
+ .e-schedule-dialog .e-all-day-container {
2902
+ padding-bottom: 10px;
2903
+ }
2904
+ .e-schedule-dialog .e-all-day-time-zone-row {
2905
+ display: block;
2906
+ }
2907
+ }
2878
2908
  .e-ddl.e-popup .e-resource-template {
2879
2909
  display: -ms-flexbox;
2880
2910
  display: flex;
@@ -3464,6 +3494,18 @@
3464
3494
  margin-right: 0;
3465
3495
  }
3466
3496
 
3497
+ /*! schedule quick popup for smaller viewports */
3498
+ @media screen and (max-width: 320px) {
3499
+ .e-quick-popup-wrapper {
3500
+ min-width: 100%;
3501
+ }
3502
+ .e-quick-popup-wrapper .e-popup-footer {
3503
+ padding-left: 5px;
3504
+ }
3505
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3506
+ padding-right: 5px;
3507
+ }
3508
+ }
3467
3509
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3468
3510
  font-size: 24px;
3469
3511
  }
@@ -537,6 +537,9 @@
537
537
  .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 {
538
538
  height: calc(100% - 20px);
539
539
  }
540
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
541
+ height: 56px;
542
+ }
540
543
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
541
544
  height: 56px;
542
545
  min-height: 56px;
@@ -563,6 +566,20 @@
563
566
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
564
567
  overflow: hidden;
565
568
  }
569
+ @media screen and (max-width: 320px) {
570
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
571
+ width: 100%;
572
+ }
573
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
574
+ padding-left: 7px;
575
+ }
576
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
577
+ padding-right: 7px;
578
+ }
579
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
580
+ font-size: 8px;
581
+ }
582
+ }
566
583
  .e-schedule .e-schedule-resource-toolbar {
567
584
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
568
585
  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
@@ -2931,6 +2948,19 @@
2931
2948
  float: right;
2932
2949
  }
2933
2950
 
2951
+ /*! schedule event window for smaller viewports*/
2952
+ @media screen and (max-width: 320px) {
2953
+ .e-schedule-dialog.e-popup.e-popup-open {
2954
+ max-height: 350px;
2955
+ min-width: 100%;
2956
+ }
2957
+ .e-schedule-dialog .e-all-day-container {
2958
+ padding-bottom: 10px;
2959
+ }
2960
+ .e-schedule-dialog .e-all-day-time-zone-row {
2961
+ display: block;
2962
+ }
2963
+ }
2934
2964
  .e-ddl.e-popup .e-resource-template {
2935
2965
  display: -ms-flexbox;
2936
2966
  display: flex;
@@ -3520,6 +3550,18 @@
3520
3550
  margin-right: 0;
3521
3551
  }
3522
3552
 
3553
+ /*! schedule quick popup for smaller viewports */
3554
+ @media screen and (max-width: 320px) {
3555
+ .e-quick-popup-wrapper {
3556
+ min-width: 100%;
3557
+ }
3558
+ .e-quick-popup-wrapper .e-popup-footer {
3559
+ padding-left: 5px;
3560
+ }
3561
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3562
+ padding-right: 5px;
3563
+ }
3564
+ }
3523
3565
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3524
3566
  font-size: 24px;
3525
3567
  }
@@ -385,6 +385,9 @@
385
385
  .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 {
386
386
  height: calc(100% - 20px);
387
387
  }
388
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
389
+ height: 54px;
390
+ }
388
391
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
389
392
  height: 54px;
390
393
  min-height: 54px;
@@ -411,6 +414,20 @@
411
414
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
412
415
  overflow: hidden;
413
416
  }
417
+ @media screen and (max-width: 320px) {
418
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
419
+ width: 100%;
420
+ }
421
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
422
+ padding-left: 7px;
423
+ }
424
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
425
+ padding-right: 7px;
426
+ }
427
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
428
+ font-size: 8px;
429
+ }
430
+ }
414
431
  .e-schedule .e-schedule-resource-toolbar {
415
432
  background: #374151;
416
433
  border-bottom: 0;
@@ -2779,6 +2796,19 @@
2779
2796
  float: right;
2780
2797
  }
2781
2798
 
2799
+ /*! schedule event window for smaller viewports*/
2800
+ @media screen and (max-width: 320px) {
2801
+ .e-schedule-dialog.e-popup.e-popup-open {
2802
+ max-height: 350px;
2803
+ min-width: 100%;
2804
+ }
2805
+ .e-schedule-dialog .e-all-day-container {
2806
+ padding-bottom: 10px;
2807
+ }
2808
+ .e-schedule-dialog .e-all-day-time-zone-row {
2809
+ display: block;
2810
+ }
2811
+ }
2782
2812
  .e-ddl.e-popup .e-resource-template {
2783
2813
  display: -ms-flexbox;
2784
2814
  display: flex;
@@ -3368,6 +3398,18 @@
3368
3398
  margin-right: 0;
3369
3399
  }
3370
3400
 
3401
+ /*! schedule quick popup for smaller viewports */
3402
+ @media screen and (max-width: 320px) {
3403
+ .e-quick-popup-wrapper {
3404
+ min-width: 100%;
3405
+ }
3406
+ .e-quick-popup-wrapper .e-popup-footer {
3407
+ padding-left: 5px;
3408
+ }
3409
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3410
+ padding-right: 5px;
3411
+ }
3412
+ }
3371
3413
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3372
3414
  font-size: 24px;
3373
3415
  }
@@ -385,6 +385,9 @@
385
385
  .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 {
386
386
  height: calc(100% - 20px);
387
387
  }
388
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
389
+ height: 54px;
390
+ }
388
391
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
389
392
  height: 54px;
390
393
  min-height: 54px;
@@ -411,6 +414,20 @@
411
414
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
412
415
  overflow: hidden;
413
416
  }
417
+ @media screen and (max-width: 320px) {
418
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
419
+ width: 100%;
420
+ }
421
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
422
+ padding-left: 7px;
423
+ }
424
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
425
+ padding-right: 7px;
426
+ }
427
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
428
+ font-size: 8px;
429
+ }
430
+ }
414
431
  .e-schedule .e-schedule-resource-toolbar {
415
432
  background: #f3f4f6;
416
433
  border-bottom: 0;
@@ -2779,6 +2796,19 @@
2779
2796
  float: right;
2780
2797
  }
2781
2798
 
2799
+ /*! schedule event window for smaller viewports*/
2800
+ @media screen and (max-width: 320px) {
2801
+ .e-schedule-dialog.e-popup.e-popup-open {
2802
+ max-height: 350px;
2803
+ min-width: 100%;
2804
+ }
2805
+ .e-schedule-dialog .e-all-day-container {
2806
+ padding-bottom: 10px;
2807
+ }
2808
+ .e-schedule-dialog .e-all-day-time-zone-row {
2809
+ display: block;
2810
+ }
2811
+ }
2782
2812
  .e-ddl.e-popup .e-resource-template {
2783
2813
  display: -ms-flexbox;
2784
2814
  display: flex;
@@ -3368,6 +3398,18 @@
3368
3398
  margin-right: 0;
3369
3399
  }
3370
3400
 
3401
+ /*! schedule quick popup for smaller viewports */
3402
+ @media screen and (max-width: 320px) {
3403
+ .e-quick-popup-wrapper {
3404
+ min-width: 100%;
3405
+ }
3406
+ .e-quick-popup-wrapper .e-popup-footer {
3407
+ padding-left: 5px;
3408
+ }
3409
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3410
+ padding-right: 5px;
3411
+ }
3412
+ }
3371
3413
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3372
3414
  font-size: 24px;
3373
3415
  }
@@ -385,6 +385,9 @@
385
385
  .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 {
386
386
  height: calc(100% - 20px);
387
387
  }
388
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
389
+ height: 54px;
390
+ }
388
391
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
389
392
  height: 54px;
390
393
  min-height: 54px;
@@ -411,6 +414,20 @@
411
414
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
412
415
  overflow: hidden;
413
416
  }
417
+ @media screen and (max-width: 320px) {
418
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
419
+ width: 100%;
420
+ }
421
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
422
+ padding-left: 7px;
423
+ }
424
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
425
+ padding-right: 7px;
426
+ }
427
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
428
+ font-size: 8px;
429
+ }
430
+ }
414
431
  .e-schedule .e-schedule-resource-toolbar {
415
432
  background: #374151;
416
433
  border-bottom: 0;
@@ -2779,6 +2796,19 @@
2779
2796
  float: right;
2780
2797
  }
2781
2798
 
2799
+ /*! schedule event window for smaller viewports*/
2800
+ @media screen and (max-width: 320px) {
2801
+ .e-schedule-dialog.e-popup.e-popup-open {
2802
+ max-height: 350px;
2803
+ min-width: 100%;
2804
+ }
2805
+ .e-schedule-dialog .e-all-day-container {
2806
+ padding-bottom: 10px;
2807
+ }
2808
+ .e-schedule-dialog .e-all-day-time-zone-row {
2809
+ display: block;
2810
+ }
2811
+ }
2782
2812
  .e-ddl.e-popup .e-resource-template {
2783
2813
  display: -ms-flexbox;
2784
2814
  display: flex;
@@ -3368,6 +3398,18 @@
3368
3398
  margin-right: 0;
3369
3399
  }
3370
3400
 
3401
+ /*! schedule quick popup for smaller viewports */
3402
+ @media screen and (max-width: 320px) {
3403
+ .e-quick-popup-wrapper {
3404
+ min-width: 100%;
3405
+ }
3406
+ .e-quick-popup-wrapper .e-popup-footer {
3407
+ padding-left: 5px;
3408
+ }
3409
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3410
+ padding-right: 5px;
3411
+ }
3412
+ }
3371
3413
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3372
3414
  font-size: 24px;
3373
3415
  }
@@ -385,6 +385,9 @@
385
385
  .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 {
386
386
  height: calc(100% - 20px);
387
387
  }
388
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items {
389
+ height: 54px;
390
+ }
388
391
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
389
392
  height: 54px;
390
393
  min-height: 54px;
@@ -411,6 +414,20 @@
411
414
  .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
412
415
  overflow: hidden;
413
416
  }
417
+ @media screen and (max-width: 320px) {
418
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop {
419
+ width: 100%;
420
+ }
421
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
422
+ padding-left: 7px;
423
+ }
424
+ .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn {
425
+ padding-right: 7px;
426
+ }
427
+ .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
428
+ font-size: 8px;
429
+ }
430
+ }
414
431
  .e-schedule .e-schedule-resource-toolbar {
415
432
  background: #f3f4f6;
416
433
  border-bottom: 0;
@@ -2779,6 +2796,19 @@
2779
2796
  float: right;
2780
2797
  }
2781
2798
 
2799
+ /*! schedule event window for smaller viewports*/
2800
+ @media screen and (max-width: 320px) {
2801
+ .e-schedule-dialog.e-popup.e-popup-open {
2802
+ max-height: 350px;
2803
+ min-width: 100%;
2804
+ }
2805
+ .e-schedule-dialog .e-all-day-container {
2806
+ padding-bottom: 10px;
2807
+ }
2808
+ .e-schedule-dialog .e-all-day-time-zone-row {
2809
+ display: block;
2810
+ }
2811
+ }
2782
2812
  .e-ddl.e-popup .e-resource-template {
2783
2813
  display: -ms-flexbox;
2784
2814
  display: flex;
@@ -3368,6 +3398,18 @@
3368
3398
  margin-right: 0;
3369
3399
  }
3370
3400
 
3401
+ /*! schedule quick popup for smaller viewports */
3402
+ @media screen and (max-width: 320px) {
3403
+ .e-quick-popup-wrapper {
3404
+ min-width: 100%;
3405
+ }
3406
+ .e-quick-popup-wrapper .e-popup-footer {
3407
+ padding-left: 5px;
3408
+ }
3409
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3410
+ padding-right: 5px;
3411
+ }
3412
+ }
3371
3413
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3372
3414
  font-size: 24px;
3373
3415
  }
@@ -1,63 +0,0 @@
1
- ### Bug description
2
-
3
- Clearly and concisely describe the problem or feature (this cannot be empty).
4
-
5
- ### Root cause
6
-
7
- Briefly describe the root cause and analysis of the problem.
8
- If there is an internal discussion on the forum, provide the link.
9
-
10
- ### Reason for not identifying earlier
11
-
12
- Find how it was missed in our earlier testing and development by analysing the below checklist. This will help prevent similar mistakes in the future.
13
-
14
- - [ ] Guidelines/documents are not followed
15
-
16
- - Common guidelines / Core team guideline
17
- - Specification document
18
- - Requirement document
19
-
20
- - [ ] Guidelines/documents are not given
21
-
22
-
23
- - Common guidelines / Core team guideline
24
- - Specification document
25
- - Requirement document
26
-
27
-
28
- ### Reason:
29
- Mention any one or more reasons from the above points.
30
-
31
- ### Action taken:
32
-
33
- What action did you take to avoid this in future?
34
-
35
- ### Related areas:
36
-
37
- Is there any other related areas also to be addressed?
38
-
39
-
40
- ### Is it a breaking issue?
41
-
42
- If it is a breaking issue, provide the commit detail which caused this break.
43
-
44
- ### Solution description
45
-
46
- Describe your code changes in detail for reviewers.
47
-
48
- ### Output screenshots
49
-
50
- Post the output screenshots if an UI is affected or added due to this bug.
51
-
52
- ### Areas affected and ensured
53
-
54
- List the areas affected by your code changes.
55
-
56
- ### Additional checklist
57
-
58
- - Did you run the automation against your fix?
59
- - Is there any API name change?
60
- - Is there any existing behavior change of other features due to this code change?
61
- - Does your new code introduce new warnings or binding errors?
62
- - Does your code pass all FxCop and StyleCop rules?
63
- - Did you record this case in the unit test or UI test?
@@ -1,39 +0,0 @@
1
- ### Feature description
2
-
3
- Clearly and concisely describe the problem or feature (this cannot be empty).
4
-
5
- ### Analysis and design
6
-
7
- If there is an external design, link to its project documentation area.
8
- If there is an internal discussion on the forum, provide the link.
9
-
10
- ### Solution description
11
-
12
- Describe your code changes in detail for reviewers.
13
-
14
- ### Output screenshots
15
-
16
- Post the output screenshots if an UI is affected or added due to this feature.
17
-
18
- ### Areas affected and ensured
19
-
20
- List the areas are affected by your code changes.
21
-
22
- ### Test cases
23
-
24
- Provide the unit testing written file details to understand the use cases considered in this implementation.
25
- If there is no TDD (if it’s not possible to follow), provide the UI automation script location and the Excel file that contains the use cases considered in this implementation.
26
- Provide the test cases Excel file alone if the feature cannot be automated in any case.
27
-
28
- ### Test bed sample location
29
-
30
- Provide the test bed sample location where code reviewers can review the new feature’s behaviors. This depends on the CI process that your team follows. It can be from NPMCI, HockeyApp, staging site, local server, etc.
31
-
32
- ### Additional checklist
33
-
34
- - Did you run the automation against your fix?
35
- - Is there any API name change?
36
- - Is there any existing behavior change of other features due to this code change?
37
- - Does your new code introduce new warnings or binding errors?
38
- - Does your code pass all FxCop and StyleCop rules?
39
- - Did you record this case in the unit test or UI test?