@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/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 {
@@ -4166,6 +4175,7 @@
4166
4175
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4167
4176
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4168
4177
  padding-right: 0;
4178
+ margin-top: 28px;
4169
4179
  }
4170
4180
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4171
4181
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4205,7 +4215,7 @@
4205
4215
  width: 30px;
4206
4216
  }
4207
4217
  .e-recurrenceeditor .e-days .e-week-expander-label {
4208
- font-size: 13px;
4218
+ font-size: 12px;
4209
4219
  font-weight: 400;
4210
4220
  margin-bottom: 8px;
4211
4221
  }
@@ -4240,13 +4250,6 @@
4240
4250
  padding: 16px 20px 0;
4241
4251
  width: 50%;
4242
4252
  }
4243
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4244
- float: none;
4245
- font-size: 13px;
4246
- font-weight: 400;
4247
- margin-bottom: 7px;
4248
- padding-right: 16px;
4249
- }
4250
4253
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4251
4254
  padding-right: 16px;
4252
4255
  }
@@ -4254,9 +4257,9 @@
4254
4257
  margin: 0;
4255
4258
  }
4256
4259
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4257
- font-size: 13px;
4260
+ font-size: 12px;
4258
4261
  font-weight: 400;
4259
- margin-bottom: 7px;
4262
+ margin-bottom: 10px;
4260
4263
  padding-right: 16px;
4261
4264
  }
4262
4265
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4298,7 +4301,8 @@
4298
4301
  }
4299
4302
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4300
4303
  font-size: 13px;
4301
- margin-bottom: 0;
4304
+ margin-bottom: 8px;
4305
+ font-weight: 400;
4302
4306
  }
4303
4307
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4304
4308
  padding-right: 5px;
@@ -4464,7 +4468,7 @@
4464
4468
  }
4465
4469
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4466
4470
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4467
- margin-bottom: 7px;
4471
+ margin-bottom: 10px;
4468
4472
  }
4469
4473
  .e-recurrenceeditor .e-editor > div {
4470
4474
  margin-top: 20px;
package/styles/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 {
@@ -4156,6 +4165,7 @@
4156
4165
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4157
4166
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4158
4167
  padding-right: 0;
4168
+ margin-top: 28px;
4159
4169
  }
4160
4170
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4161
4171
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4195,7 +4205,7 @@
4195
4205
  width: 30px;
4196
4206
  }
4197
4207
  .e-recurrenceeditor .e-days .e-week-expander-label {
4198
- font-size: 13px;
4208
+ font-size: 12px;
4199
4209
  font-weight: 400;
4200
4210
  margin-bottom: 8px;
4201
4211
  }
@@ -4230,13 +4240,6 @@
4230
4240
  padding: 16px 20px 0;
4231
4241
  width: 50%;
4232
4242
  }
4233
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4234
- float: none;
4235
- font-size: 13px;
4236
- font-weight: 400;
4237
- margin-bottom: 7px;
4238
- padding-right: 16px;
4239
- }
4240
4243
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4241
4244
  padding-right: 16px;
4242
4245
  }
@@ -4244,9 +4247,9 @@
4244
4247
  margin: 0;
4245
4248
  }
4246
4249
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4247
- font-size: 13px;
4250
+ font-size: 12px;
4248
4251
  font-weight: 400;
4249
- margin-bottom: 7px;
4252
+ margin-bottom: 10px;
4250
4253
  padding-right: 16px;
4251
4254
  }
4252
4255
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4288,7 +4291,8 @@
4288
4291
  }
4289
4292
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4290
4293
  font-size: 13px;
4291
- margin-bottom: 0;
4294
+ margin-bottom: 8px;
4295
+ font-weight: 400;
4292
4296
  }
4293
4297
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4294
4298
  padding-right: 5px;
@@ -4454,7 +4458,7 @@
4454
4458
  }
4455
4459
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4456
4460
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4457
- margin-bottom: 7px;
4461
+ margin-bottom: 10px;
4458
4462
  }
4459
4463
  .e-recurrenceeditor .e-editor > div {
4460
4464
  margin-top: 20px;
package/styles/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 {
@@ -4225,6 +4234,7 @@
4225
4234
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4226
4235
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4227
4236
  padding-right: 0;
4237
+ margin-top: 24px;
4228
4238
  }
4229
4239
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4230
4240
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4265,7 +4275,7 @@
4265
4275
  }
4266
4276
  .e-recurrenceeditor .e-days .e-week-expander-label {
4267
4277
  font-size: 14px;
4268
- font-weight: 400;
4278
+ font-weight: 600;
4269
4279
  margin-bottom: 8px;
4270
4280
  }
4271
4281
  .e-recurrenceeditor .e-days button {
@@ -4299,13 +4309,6 @@
4299
4309
  padding: 16px 20px 0;
4300
4310
  width: 50%;
4301
4311
  }
4302
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4303
- float: none;
4304
- font-size: 14px;
4305
- font-weight: 400;
4306
- margin-bottom: 7px;
4307
- padding-right: 16px;
4308
- }
4309
4312
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4310
4313
  padding-right: 16px;
4311
4314
  }
@@ -4314,8 +4317,8 @@
4314
4317
  }
4315
4318
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4316
4319
  font-size: 14px;
4317
- font-weight: 400;
4318
- margin-bottom: 7px;
4320
+ font-weight: 600;
4321
+ margin-bottom: 4px;
4319
4322
  padding-right: 16px;
4320
4323
  }
4321
4324
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4358,6 +4361,7 @@
4358
4361
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4359
4362
  font-size: 16px;
4360
4363
  margin-bottom: 0;
4364
+ font-weight: 600;
4361
4365
  }
4362
4366
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4363
4367
  padding-right: 5px;
@@ -4455,7 +4459,7 @@
4455
4459
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
4456
4460
  float: none;
4457
4461
  font-size: 12px;
4458
- font-weight: 400;
4462
+ font-weight: 600;
4459
4463
  margin-bottom: 7px;
4460
4464
  }
4461
4465
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -4523,7 +4527,7 @@
4523
4527
  }
4524
4528
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4525
4529
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4526
- margin-bottom: 7px;
4530
+ margin-bottom: 4px;
4527
4531
  }
4528
4532
  .e-recurrenceeditor .e-editor > div {
4529
4533
  margin-top: 20px;
package/styles/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 {
@@ -4225,6 +4234,7 @@
4225
4234
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4226
4235
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4227
4236
  padding-right: 0;
4237
+ margin-top: 24px;
4228
4238
  }
4229
4239
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4230
4240
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4265,7 +4275,7 @@
4265
4275
  }
4266
4276
  .e-recurrenceeditor .e-days .e-week-expander-label {
4267
4277
  font-size: 14px;
4268
- font-weight: 400;
4278
+ font-weight: 600;
4269
4279
  margin-bottom: 8px;
4270
4280
  }
4271
4281
  .e-recurrenceeditor .e-days button {
@@ -4299,13 +4309,6 @@
4299
4309
  padding: 16px 20px 0;
4300
4310
  width: 50%;
4301
4311
  }
4302
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4303
- float: none;
4304
- font-size: 14px;
4305
- font-weight: 400;
4306
- margin-bottom: 7px;
4307
- padding-right: 16px;
4308
- }
4309
4312
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4310
4313
  padding-right: 16px;
4311
4314
  }
@@ -4314,8 +4317,8 @@
4314
4317
  }
4315
4318
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4316
4319
  font-size: 14px;
4317
- font-weight: 400;
4318
- margin-bottom: 7px;
4320
+ font-weight: 600;
4321
+ margin-bottom: 4px;
4319
4322
  padding-right: 16px;
4320
4323
  }
4321
4324
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4358,6 +4361,7 @@
4358
4361
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4359
4362
  font-size: 16px;
4360
4363
  margin-bottom: 0;
4364
+ font-weight: 600;
4361
4365
  }
4362
4366
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4363
4367
  padding-right: 5px;
@@ -4455,7 +4459,7 @@
4455
4459
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
4456
4460
  float: none;
4457
4461
  font-size: 12px;
4458
- font-weight: 400;
4462
+ font-weight: 600;
4459
4463
  margin-bottom: 7px;
4460
4464
  }
4461
4465
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -4523,7 +4527,7 @@
4523
4527
  }
4524
4528
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4525
4529
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4526
- margin-bottom: 7px;
4530
+ margin-bottom: 4px;
4527
4531
  }
4528
4532
  .e-recurrenceeditor .e-editor > div {
4529
4533
  margin-top: 20px;