@syncfusion/ej2-schedule 23.2.7 → 24.2.3

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 (120) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-schedule.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es2015.js +272 -34
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +335 -64
  9. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  10. package/dist/global/ej2-schedule.min.js +2 -2
  11. package/dist/global/ej2-schedule.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +16 -16
  14. package/src/recurrence-editor/recurrence-editor.js +4 -2
  15. package/src/schedule/actions/drag.js +4 -4
  16. package/src/schedule/base/schedule-model.d.ts +15 -1
  17. package/src/schedule/base/schedule.d.ts +14 -1
  18. package/src/schedule/base/schedule.js +5 -0
  19. package/src/schedule/base/type.d.ts +12 -0
  20. package/src/schedule/event-renderer/agenda-base.js +1 -1
  21. package/src/schedule/event-renderer/event-base.d.ts +1 -0
  22. package/src/schedule/event-renderer/event-base.js +25 -1
  23. package/src/schedule/event-renderer/month.js +9 -1
  24. package/src/schedule/event-renderer/timeline-view.js +8 -2
  25. package/src/schedule/event-renderer/year.js +12 -3
  26. package/src/schedule/models/models.d.ts +1 -0
  27. package/src/schedule/models/toolbar-model.d.ts +196 -0
  28. package/src/schedule/models/toolbar.d.ts +176 -0
  29. package/src/schedule/models/toolbar.js +85 -0
  30. package/src/schedule/models/views-model.d.ts +9 -0
  31. package/src/schedule/models/views.d.ts +8 -0
  32. package/src/schedule/models/views.js +3 -0
  33. package/src/schedule/popups/event-window.js +4 -10
  34. package/src/schedule/popups/quick-popups.js +2 -2
  35. package/src/schedule/renderer/header-renderer.d.ts +2 -0
  36. package/src/schedule/renderer/header-renderer.js +142 -4
  37. package/src/schedule/renderer/renderer.js +1 -1
  38. package/src/schedule/renderer/vertical-view.js +3 -3
  39. package/src/schedule/renderer/year.js +3 -0
  40. package/styles/bootstrap-dark.css +26 -22
  41. package/styles/bootstrap.css +26 -22
  42. package/styles/bootstrap4.css +25 -21
  43. package/styles/bootstrap5-dark.css +30 -26
  44. package/styles/bootstrap5.css +30 -26
  45. package/styles/fabric-dark.css +28 -24
  46. package/styles/fabric.css +28 -24
  47. package/styles/fluent-dark.css +28 -24
  48. package/styles/fluent.css +28 -24
  49. package/styles/highcontrast-light.css +26 -22
  50. package/styles/highcontrast.css +26 -22
  51. package/styles/material-dark.css +26 -22
  52. package/styles/material.css +26 -22
  53. package/styles/material3-dark.css +29 -25
  54. package/styles/material3.css +29 -25
  55. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +3 -1
  56. package/styles/recurrence-editor/_bootstrap-definition.scss +3 -1
  57. package/styles/recurrence-editor/_bootstrap4-definition.scss +3 -1
  58. package/styles/recurrence-editor/_bootstrap5-definition.scss +5 -3
  59. package/styles/recurrence-editor/_fabric-dark-definition.scss +4 -2
  60. package/styles/recurrence-editor/_fabric-definition.scss +4 -2
  61. package/styles/recurrence-editor/_fluent-definition.scss +4 -2
  62. package/styles/recurrence-editor/_fusionnew-definition.scss +4 -2
  63. package/styles/recurrence-editor/_highcontrast-definition.scss +3 -1
  64. package/styles/recurrence-editor/_highcontrast-light-definition.scss +3 -1
  65. package/styles/recurrence-editor/_layout.scss +3 -10
  66. package/styles/recurrence-editor/_material-dark-definition.scss +3 -1
  67. package/styles/recurrence-editor/_material-definition.scss +3 -1
  68. package/styles/recurrence-editor/_material3-definition.scss +4 -2
  69. package/styles/recurrence-editor/_tailwind-definition.scss +5 -3
  70. package/styles/recurrence-editor/bootstrap-dark.css +5 -10
  71. package/styles/recurrence-editor/bootstrap.css +5 -10
  72. package/styles/recurrence-editor/bootstrap4.css +4 -9
  73. package/styles/recurrence-editor/bootstrap5-dark.css +9 -14
  74. package/styles/recurrence-editor/bootstrap5.css +9 -14
  75. package/styles/recurrence-editor/fabric-dark.css +7 -12
  76. package/styles/recurrence-editor/fabric.css +7 -12
  77. package/styles/recurrence-editor/fluent-dark.css +7 -12
  78. package/styles/recurrence-editor/fluent.css +7 -12
  79. package/styles/recurrence-editor/highcontrast-light.css +5 -10
  80. package/styles/recurrence-editor/highcontrast.css +5 -10
  81. package/styles/recurrence-editor/material-dark.css +5 -10
  82. package/styles/recurrence-editor/material.css +5 -10
  83. package/styles/recurrence-editor/material3-dark.css +7 -12
  84. package/styles/recurrence-editor/material3.css +7 -12
  85. package/styles/recurrence-editor/tailwind-dark.css +9 -14
  86. package/styles/recurrence-editor/tailwind.css +9 -14
  87. package/styles/schedule/_bootstrap-dark-definition.scss +6 -2
  88. package/styles/schedule/_bootstrap-definition.scss +6 -2
  89. package/styles/schedule/_bootstrap4-definition.scss +6 -2
  90. package/styles/schedule/_bootstrap5-definition.scss +6 -2
  91. package/styles/schedule/_fabric-dark-definition.scss +6 -2
  92. package/styles/schedule/_fabric-definition.scss +6 -2
  93. package/styles/schedule/_fluent-definition.scss +6 -2
  94. package/styles/schedule/_fusionnew-definition.scss +6 -2
  95. package/styles/schedule/_highcontrast-definition.scss +6 -2
  96. package/styles/schedule/_highcontrast-light-definition.scss +6 -2
  97. package/styles/schedule/_layout.scss +23 -10
  98. package/styles/schedule/_material-dark-definition.scss +6 -2
  99. package/styles/schedule/_material-definition.scss +6 -2
  100. package/styles/schedule/_material3-definition.scss +6 -2
  101. package/styles/schedule/_tailwind-definition.scss +6 -2
  102. package/styles/schedule/bootstrap-dark.css +21 -12
  103. package/styles/schedule/bootstrap.css +21 -12
  104. package/styles/schedule/bootstrap4.css +21 -12
  105. package/styles/schedule/bootstrap5-dark.css +21 -12
  106. package/styles/schedule/bootstrap5.css +21 -12
  107. package/styles/schedule/fabric-dark.css +21 -12
  108. package/styles/schedule/fabric.css +21 -12
  109. package/styles/schedule/fluent-dark.css +21 -12
  110. package/styles/schedule/fluent.css +21 -12
  111. package/styles/schedule/highcontrast-light.css +21 -12
  112. package/styles/schedule/highcontrast.css +21 -12
  113. package/styles/schedule/material-dark.css +21 -12
  114. package/styles/schedule/material.css +21 -12
  115. package/styles/schedule/material3-dark.css +22 -13
  116. package/styles/schedule/material3.css +22 -13
  117. package/styles/schedule/tailwind-dark.css +22 -13
  118. package/styles/schedule/tailwind.css +22 -13
  119. package/styles/tailwind-dark.css +31 -27
  120. package/styles/tailwind.css +31 -27
package/styles/schedule/bootstrap.css CHANGED
@@ -1149,7 +1149,7 @@
1149
1149
  text-decoration: none;
1150
1150
  }
1151
1151
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1152
- width: 35px;
1152
+ width: 60px;
1153
1153
  }
1154
1154
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1155
1155
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1157,7 +1157,7 @@
1157
1157
  }
1158
1158
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1159
1159
  float: left;
1160
- width: 35px;
1160
+ width: 60px;
1161
1161
  }
1162
1162
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1163
1163
  font-size: 11px;
@@ -1195,7 +1195,7 @@
1195
1195
  }
1196
1196
  @media screen and (max-width: 480px) {
1197
1197
  .e-schedule .e-vertical-view .e-left-indent {
1198
- width: 35px;
1198
+ width: 60px;
1199
1199
  }
1200
1200
  }
1201
1201
  .e-schedule .e-month-view .e-left-indent,
@@ -3345,8 +3345,8 @@
3345
3345
  background: transparent;
3346
3346
  border: 0;
3347
3347
  color: #333;
3348
- height: 40px;
3349
- width: 40px;
3348
+ height: 35px;
3349
+ width: 35px;
3350
3350
  }
3351
3351
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3352
3352
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3358,10 +3358,10 @@
3358
3358
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3359
3359
  font-size: 15px;
3360
3360
  font-weight: 500;
3361
- height: 40px;
3361
+ height: 35px;
3362
3362
  line-height: 2.25;
3363
- padding: 4px 5px;
3364
- width: calc(100% - 95px);
3363
+ padding: 2px 5px;
3364
+ width: calc(100% - 105px);
3365
3365
  }
3366
3366
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3367
3367
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3395,9 +3395,13 @@
3395
3395
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3396
3396
  padding-right: 13px;
3397
3397
  }
3398
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3399
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3400
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3398
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3399
+ height: 2em;
3400
+ width: 2em;
3401
+ }
3402
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3403
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3404
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3401
3405
  height: 2em;
3402
3406
  width: 2em;
3403
3407
  }
@@ -3411,8 +3415,13 @@
3411
3415
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3412
3416
  font-size: 14px;
3413
3417
  }
3418
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3419
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3420
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3421
+ height: 35px;
3422
+ }
3414
3423
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3415
- padding: 0 5px 0 8px;
3424
+ padding: 2px 5px;
3416
3425
  }
3417
3426
 
3418
3427
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/bootstrap4.css CHANGED
@@ -1258,7 +1258,7 @@
1258
1258
  text-decoration: none;
1259
1259
  }
1260
1260
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1261
- width: 35px;
1261
+ width: 60px;
1262
1262
  }
1263
1263
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1264
1264
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1266,7 +1266,7 @@
1266
1266
  }
1267
1267
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1268
1268
  float: left;
1269
- width: 35px;
1269
+ width: 60px;
1270
1270
  }
1271
1271
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1272
1272
  font-size: 11px;
@@ -1304,7 +1304,7 @@
1304
1304
  }
1305
1305
  @media screen and (max-width: 480px) {
1306
1306
  .e-schedule .e-vertical-view .e-left-indent {
1307
- width: 35px;
1307
+ width: 60px;
1308
1308
  }
1309
1309
  }
1310
1310
  .e-schedule .e-month-view .e-left-indent,
@@ -3454,8 +3454,8 @@
3454
3454
  background: #fff;
3455
3455
  border: 0;
3456
3456
  color: rgba(33, 37, 41, 0.5);
3457
- height: 40px;
3458
- width: 40px;
3457
+ height: 35px;
3458
+ width: 35px;
3459
3459
  }
3460
3460
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3461
3461
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3467,10 +3467,10 @@
3467
3467
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3468
3468
  font-size: 15px;
3469
3469
  font-weight: 500;
3470
- height: 40px;
3470
+ height: 35px;
3471
3471
  line-height: 2.25;
3472
- padding: 4px 5px;
3473
- width: calc(100% - 95px);
3472
+ padding: 2px 5px;
3473
+ width: calc(100% - 105px);
3474
3474
  }
3475
3475
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3476
3476
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3504,9 +3504,13 @@
3504
3504
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3505
3505
  padding-right: 13px;
3506
3506
  }
3507
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3508
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3509
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3507
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3508
+ height: 2em;
3509
+ width: 2em;
3510
+ }
3511
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3512
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3513
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3510
3514
  height: 2em;
3511
3515
  width: 2em;
3512
3516
  }
@@ -3520,8 +3524,13 @@
3520
3524
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3521
3525
  font-size: 14px;
3522
3526
  }
3527
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3528
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3529
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3530
+ height: 35px;
3531
+ }
3523
3532
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3524
- padding: 0 5px 0 8px;
3533
+ padding: 2px 5px;
3525
3534
  }
3526
3535
 
3527
3536
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/bootstrap5-dark.css CHANGED
@@ -1203,7 +1203,7 @@
1203
1203
  text-decoration: none;
1204
1204
  }
1205
1205
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1206
- width: 35px;
1206
+ width: 60px;
1207
1207
  }
1208
1208
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1209
1209
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1211,7 +1211,7 @@
1211
1211
  }
1212
1212
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1213
1213
  float: left;
1214
- width: 35px;
1214
+ width: 60px;
1215
1215
  }
1216
1216
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1217
1217
  font-size: 12px;
@@ -1249,7 +1249,7 @@
1249
1249
  }
1250
1250
  @media screen and (max-width: 480px) {
1251
1251
  .e-schedule .e-vertical-view .e-left-indent {
1252
- width: 35px;
1252
+ width: 60px;
1253
1253
  }
1254
1254
  }
1255
1255
  .e-schedule .e-month-view .e-left-indent,
@@ -3399,8 +3399,8 @@
3399
3399
  background: #212529;
3400
3400
  border: 0;
3401
3401
  color: #adb5bd;
3402
- height: 40px;
3403
- width: 40px;
3402
+ height: 35px;
3403
+ width: 35px;
3404
3404
  }
3405
3405
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3406
3406
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3412,10 +3412,10 @@
3412
3412
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3413
3413
  font-size: 15px;
3414
3414
  font-weight: 500;
3415
- height: 40px;
3415
+ height: 35px;
3416
3416
  line-height: 2.25;
3417
- padding: 4px 5px;
3418
- width: calc(100% - 95px);
3417
+ padding: 0 5px;
3418
+ width: calc(100% - 105px);
3419
3419
  }
3420
3420
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3421
3421
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3449,9 +3449,13 @@
3449
3449
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3450
3450
  padding-right: 16px;
3451
3451
  }
3452
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3453
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3454
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3452
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3453
+ height: 2em;
3454
+ width: 2em;
3455
+ }
3456
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3457
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3458
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3455
3459
  height: 2em;
3456
3460
  width: 2em;
3457
3461
  }
@@ -3465,8 +3469,13 @@
3465
3469
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3466
3470
  font-size: 14px;
3467
3471
  }
3472
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3473
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3474
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3475
+ height: 30px;
3476
+ }
3468
3477
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3469
- padding: 0 5px 0 8px;
3478
+ padding: 1px 5px;
3470
3479
  }
3471
3480
 
3472
3481
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/bootstrap5.css CHANGED
@@ -1203,7 +1203,7 @@
1203
1203
  text-decoration: none;
1204
1204
  }
1205
1205
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1206
- width: 35px;
1206
+ width: 60px;
1207
1207
  }
1208
1208
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1209
1209
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1211,7 +1211,7 @@
1211
1211
  }
1212
1212
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1213
1213
  float: left;
1214
- width: 35px;
1214
+ width: 60px;
1215
1215
  }
1216
1216
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1217
1217
  font-size: 12px;
@@ -1249,7 +1249,7 @@
1249
1249
  }
1250
1250
  @media screen and (max-width: 480px) {
1251
1251
  .e-schedule .e-vertical-view .e-left-indent {
1252
- width: 35px;
1252
+ width: 60px;
1253
1253
  }
1254
1254
  }
1255
1255
  .e-schedule .e-month-view .e-left-indent,
@@ -3399,8 +3399,8 @@
3399
3399
  background: #fff;
3400
3400
  border: 0;
3401
3401
  color: #6c757d;
3402
- height: 40px;
3403
- width: 40px;
3402
+ height: 35px;
3403
+ width: 35px;
3404
3404
  }
3405
3405
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3406
3406
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3412,10 +3412,10 @@
3412
3412
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3413
3413
  font-size: 15px;
3414
3414
  font-weight: 500;
3415
- height: 40px;
3415
+ height: 35px;
3416
3416
  line-height: 2.25;
3417
- padding: 4px 5px;
3418
- width: calc(100% - 95px);
3417
+ padding: 0 5px;
3418
+ width: calc(100% - 105px);
3419
3419
  }
3420
3420
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3421
3421
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3449,9 +3449,13 @@
3449
3449
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3450
3450
  padding-right: 16px;
3451
3451
  }
3452
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3453
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3454
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3452
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3453
+ height: 2em;
3454
+ width: 2em;
3455
+ }
3456
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3457
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3458
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3455
3459
  height: 2em;
3456
3460
  width: 2em;
3457
3461
  }
@@ -3465,8 +3469,13 @@
3465
3469
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3466
3470
  font-size: 14px;
3467
3471
  }
3472
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3473
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3474
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3475
+ height: 30px;
3476
+ }
3468
3477
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3469
- padding: 0 5px 0 8px;
3478
+ padding: 1px 5px;
3470
3479
  }
3471
3480
 
3472
3481
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/fabric-dark.css CHANGED
@@ -1121,7 +1121,7 @@
1121
1121
  text-decoration: none;
1122
1122
  }
1123
1123
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1124
- width: 35px;
1124
+ width: 60px;
1125
1125
  }
1126
1126
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1127
1127
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1129,7 +1129,7 @@
1129
1129
  }
1130
1130
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1131
1131
  float: left;
1132
- width: 35px;
1132
+ width: 60px;
1133
1133
  }
1134
1134
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1135
1135
  font-size: 11px;
@@ -1167,7 +1167,7 @@
1167
1167
  }
1168
1168
  @media screen and (max-width: 480px) {
1169
1169
  .e-schedule .e-vertical-view .e-left-indent {
1170
- width: 35px;
1170
+ width: 60px;
1171
1171
  }
1172
1172
  }
1173
1173
  .e-schedule .e-month-view .e-left-indent,
@@ -3317,8 +3317,8 @@
3317
3317
  background: transparent;
3318
3318
  border: 0;
3319
3319
  color: #dadada;
3320
- height: 40px;
3321
- width: 40px;
3320
+ height: 35px;
3321
+ width: 35px;
3322
3322
  }
3323
3323
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3324
3324
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3330,10 +3330,10 @@
3330
3330
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3331
3331
  font-size: 15px;
3332
3332
  font-weight: 500;
3333
- height: 40px;
3333
+ height: 35px;
3334
3334
  line-height: 2.25;
3335
- padding: 4px 5px;
3336
- width: calc(100% - 95px);
3335
+ padding: 1px 5px;
3336
+ width: calc(100% - 105px);
3337
3337
  }
3338
3338
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3339
3339
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3367,9 +3367,13 @@
3367
3367
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3368
3368
  padding-right: 13px;
3369
3369
  }
3370
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3371
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3372
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3370
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3371
+ height: 2em;
3372
+ width: 2em;
3373
+ }
3374
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3375
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3376
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3373
3377
  height: 2em;
3374
3378
  width: 2em;
3375
3379
  }
@@ -3383,8 +3387,13 @@
3383
3387
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3384
3388
  font-size: 14px;
3385
3389
  }
3390
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3391
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3392
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3393
+ height: 35px;
3394
+ }
3386
3395
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3387
- padding: 0 5px 0 8px;
3396
+ padding: 0 5px;
3388
3397
  }
3389
3398
 
3390
3399
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/fabric.css CHANGED
@@ -1111,7 +1111,7 @@
1111
1111
  text-decoration: none;
1112
1112
  }
1113
1113
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1114
- width: 35px;
1114
+ width: 60px;
1115
1115
  }
1116
1116
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1117
1117
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1119,7 +1119,7 @@
1119
1119
  }
1120
1120
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1121
1121
  float: left;
1122
- width: 35px;
1122
+ width: 60px;
1123
1123
  }
1124
1124
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1125
1125
  font-size: 11px;
@@ -1157,7 +1157,7 @@
1157
1157
  }
1158
1158
  @media screen and (max-width: 480px) {
1159
1159
  .e-schedule .e-vertical-view .e-left-indent {
1160
- width: 35px;
1160
+ width: 60px;
1161
1161
  }
1162
1162
  }
1163
1163
  .e-schedule .e-month-view .e-left-indent,
@@ -3307,8 +3307,8 @@
3307
3307
  background: transparent;
3308
3308
  border: 0;
3309
3309
  color: #333;
3310
- height: 40px;
3311
- width: 40px;
3310
+ height: 35px;
3311
+ width: 35px;
3312
3312
  }
3313
3313
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3314
3314
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3320,10 +3320,10 @@
3320
3320
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3321
3321
  font-size: 15px;
3322
3322
  font-weight: 500;
3323
- height: 40px;
3323
+ height: 35px;
3324
3324
  line-height: 2.25;
3325
- padding: 4px 5px;
3326
- width: calc(100% - 95px);
3325
+ padding: 1px 5px;
3326
+ width: calc(100% - 105px);
3327
3327
  }
3328
3328
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3329
3329
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3357,9 +3357,13 @@
3357
3357
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3358
3358
  padding-right: 13px;
3359
3359
  }
3360
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3361
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3362
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3360
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3361
+ height: 2em;
3362
+ width: 2em;
3363
+ }
3364
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3365
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3366
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3363
3367
  height: 2em;
3364
3368
  width: 2em;
3365
3369
  }
@@ -3373,8 +3377,13 @@
3373
3377
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3374
3378
  font-size: 14px;
3375
3379
  }
3380
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3381
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3382
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3383
+ height: 35px;
3384
+ }
3376
3385
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3377
- padding: 0 5px 0 8px;
3386
+ padding: 0 5px;
3378
3387
  }
3379
3388
 
3380
3389
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/fluent-dark.css CHANGED
@@ -1180,7 +1180,7 @@
1180
1180
  text-decoration: none;
1181
1181
  }
1182
1182
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1183
- width: 35px;
1183
+ width: 60px;
1184
1184
  }
1185
1185
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1186
1186
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1188,7 +1188,7 @@
1188
1188
  }
1189
1189
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1190
1190
  float: left;
1191
- width: 35px;
1191
+ width: 60px;
1192
1192
  }
1193
1193
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1194
1194
  font-size: 12px;
@@ -1226,7 +1226,7 @@
1226
1226
  }
1227
1227
  @media screen and (max-width: 480px) {
1228
1228
  .e-schedule .e-vertical-view .e-left-indent {
1229
- width: 35px;
1229
+ width: 60px;
1230
1230
  }
1231
1231
  }
1232
1232
  .e-schedule .e-month-view .e-left-indent,
@@ -3376,8 +3376,8 @@
3376
3376
  background: transparent;
3377
3377
  border: 0;
3378
3378
  color: #f3f2f1;
3379
- height: 40px;
3380
- width: 40px;
3379
+ height: 35px;
3380
+ width: 35px;
3381
3381
  }
3382
3382
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3383
3383
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3389,10 +3389,10 @@
3389
3389
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3390
3390
  font-size: 15px;
3391
3391
  font-weight: 500;
3392
- height: 40px;
3392
+ height: 35px;
3393
3393
  line-height: 2.25;
3394
- padding: 4px 5px;
3395
- width: calc(100% - 95px);
3394
+ padding: 1px 5px;
3395
+ width: calc(100% - 105px);
3396
3396
  }
3397
3397
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3398
3398
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3426,9 +3426,13 @@
3426
3426
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3427
3427
  padding-right: 13px;
3428
3428
  }
3429
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3430
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3431
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3429
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3430
+ height: 2em;
3431
+ width: 2em;
3432
+ }
3433
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3434
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3435
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3432
3436
  height: 2em;
3433
3437
  width: 2em;
3434
3438
  }
@@ -3442,8 +3446,13 @@
3442
3446
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3443
3447
  font-size: 14px;
3444
3448
  }
3449
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3450
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3451
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3452
+ height: 30px;
3453
+ }
3445
3454
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3446
- padding: 0 5px 0 8px;
3455
+ padding: 1px 5px;
3447
3456
  }
3448
3457
 
3449
3458
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/fluent.css CHANGED
@@ -1180,7 +1180,7 @@
1180
1180
  text-decoration: none;
1181
1181
  }
1182
1182
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1183
- width: 35px;
1183
+ width: 60px;
1184
1184
  }
1185
1185
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1186
1186
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1188,7 +1188,7 @@
1188
1188
  }
1189
1189
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1190
1190
  float: left;
1191
- width: 35px;
1191
+ width: 60px;
1192
1192
  }
1193
1193
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1194
1194
  font-size: 12px;
@@ -1226,7 +1226,7 @@
1226
1226
  }
1227
1227
  @media screen and (max-width: 480px) {
1228
1228
  .e-schedule .e-vertical-view .e-left-indent {
1229
- width: 35px;
1229
+ width: 60px;
1230
1230
  }
1231
1231
  }
1232
1232
  .e-schedule .e-month-view .e-left-indent,
@@ -3376,8 +3376,8 @@
3376
3376
  background: transparent;
3377
3377
  border: 0;
3378
3378
  color: #201f1e;
3379
- height: 40px;
3380
- width: 40px;
3379
+ height: 35px;
3380
+ width: 35px;
3381
3381
  }
3382
3382
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3383
3383
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3389,10 +3389,10 @@
3389
3389
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3390
3390
  font-size: 15px;
3391
3391
  font-weight: 500;
3392
- height: 40px;
3392
+ height: 35px;
3393
3393
  line-height: 2.25;
3394
- padding: 4px 5px;
3395
- width: calc(100% - 95px);
3394
+ padding: 1px 5px;
3395
+ width: calc(100% - 105px);
3396
3396
  }
3397
3397
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3398
3398
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3426,9 +3426,13 @@
3426
3426
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3427
3427
  padding-right: 13px;
3428
3428
  }
3429
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3430
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3431
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3429
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3430
+ height: 2em;
3431
+ width: 2em;
3432
+ }
3433
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3434
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3435
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3432
3436
  height: 2em;
3433
3437
  width: 2em;
3434
3438
  }
@@ -3442,8 +3446,13 @@
3442
3446
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3443
3447
  font-size: 14px;
3444
3448
  }
3449
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3450
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3451
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3452
+ height: 30px;
3453
+ }
3445
3454
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3446
- padding: 0 5px 0 8px;
3455
+ padding: 1px 5px;
3447
3456
  }
3448
3457
 
3449
3458
  .e-bigger .e-agenda-view .e-appointment {