@syncfusion/ej2-schedule 19.3.46 → 19.4.38

package/styles/schedule/highcontrast.css

@@ -225,10 +225,6 @@
   color: #ffd939;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  overflow: auto;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -294,6 +290,10 @@
   text-transform: initial;
 }
 
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
+  padding: 0 12px;
+}
+
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
   background: #000;
   border-left: 0;
@@ -357,6 +357,10 @@
   font-size: 20px;
 }
 
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-pop {
+  overflow: auto;
+}
+
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
@@ -436,10 +440,10 @@
 
 .e-schedule .e-resource-tree-popup {
   background: #333;
+  box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
   height: 100%;
   position: absolute;
   width: 250px;
-  box-shadow: 0 3px 4px 0.2px rgba(0, 0, 0, 0.4);
 }
 
 .e-schedule .e-resource-tree-popup .e-resource-tree {
@@ -1533,6 +1537,7 @@
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day {
   display: block;
+  margin: 0 auto;
 }
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month {
@@ -1551,9 +1556,8 @@
   background-color: #1c8000;
   border-radius: 50%;
   height: 5px;
-  margin-left: 13px;
-  margin-top: -6px;
-  position: absolute;
+  margin: -6px auto 0;
+  position: relative;
   width: 5px;
 }
 
@@ -1604,10 +1608,6 @@
   border-left-width: 0;
 }
 
-.e-schedule .e-year-view .e-calendar-table td:not(.e-cell) {
-  border-left: 1px solid #969696;
-}
-
 .e-schedule .e-year-view .e-resource .e-month-calendar {
   max-width: 100%;
   min-width: 100%;
@@ -1736,10 +1736,9 @@
 .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
   background-color: transparent;
   border-radius: 50%;
-  color: #000;
+  color: #ffd939;
   margin: 2px;
   width: 20px;
-  color: #ffd939;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
@@ -2097,7 +2096,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 42px;
+  height: 60px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -2557,6 +2556,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-month-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-month-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2778,6 +2781,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2859,7 +2866,7 @@
   height: auto;
   line-height: 25px;
   margin: 4px 0;
-  min-height: 0;
+  min-height: 49px;
   min-width: 34px;
   padding: 0 1.5px;
 }
@@ -2999,6 +3006,10 @@
   font-weight: 500;
 }
 
+.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
+  width: 485px;
+}
+
 .e-dialog.e-quick-dialog.e-following-events-dialog {
   width: 420px;
 }
@@ -3030,6 +3041,14 @@
   display: none;
 }
 
+.e-dialog.e-quick-dialog .e-dlg-header-content {
+  border-bottom: none;
+}
+
+.e-dialog.e-quick-dialog .e-footer-content {
+  border-top: none;
+}
+
 .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
   box-shadow: none;
 }
@@ -3066,15 +3085,23 @@
 
 .e-schedule-dialog .e-subject-container,
 .e-schedule-dialog .e-start-container,
-.e-schedule-dialog .e-start-time-zone-container,
 .e-schedule-dialog .e-description-label {
   padding-right: 8px;
 }
 
+.e-schedule-dialog .e-start-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog .e-location-container,
-.e-schedule-dialog .e-end-container,
+.e-schedule-dialog .e-end-container {
+  padding-left: 8px;
+}
+
 .e-schedule-dialog .e-end-time-zone-container {
   padding-left: 8px;
+  padding-right: 4px;
 }
 
 .e-schedule-dialog .e-all-day-container {
@@ -3167,19 +3194,27 @@
 
 .e-schedule-dialog.e-rtl .e-subject-container,
 .e-schedule-dialog.e-rtl .e-start-container,
-.e-schedule-dialog.e-rtl .e-start-time-zone-container,
 .e-schedule-dialog.e-rtl .e-description-label {
   padding-left: 8px;
   padding-right: 0;
 }
 
+.e-schedule-dialog.e-rtl .e-start-time-zone-container {
+  padding-left: 8px;
+  padding-right: 4px;
+}
+
 .e-schedule-dialog.e-rtl .e-location-container,
-.e-schedule-dialog.e-rtl .e-end-container,
-.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+.e-schedule-dialog.e-rtl .e-end-container {
   padding-left: 0;
   padding-right: 8px;
 }
 
+.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog.e-rtl .e-event-delete {
   float: right;
 }
@@ -3750,6 +3785,10 @@
   margin-right: 10px;
 }
 
+.e-quick-popup-wrapper.e-rtl .e-event-details {
+  margin-left: 8px;
+}
+
 .e-quick-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -3956,31 +3995,36 @@
   width: 26px;
 }
 
+.e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background-color: #000;
   border: 1px solid #e0e0e0;
   border-radius: 2px;
+  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
   opacity: 1;
   padding: 8px 0;
   width: 225px;
-  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper,
 .e-more-popup-wrapper .e-more-appointment-wrapper {
   margin: 0 4px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-popup,
 .e-more-popup-wrapper .e-more-event-popup {
   height: 100%;
   position: relative;
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-header,
 .e-more-popup-wrapper .e-more-event-header {
   height: 35px;
   margin: 0 8px 4px 14px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
   max-height: 300px;
@@ -3989,20 +4033,24 @@
   padding-right: 10px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
 .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
   border: 0;
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header,
 .e-more-popup-wrapper .e-more-event-date-header {
   height: 100%;
   width: calc(100% - 25px);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date,
 .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
   color: #ffd939;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-day,
 .e-more-popup-wrapper .e-header-day {
   color: #fff;
   font-size: 13px;
@@ -4010,6 +4058,7 @@
   padding-bottom: 2px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date,
 .e-more-popup-wrapper .e-header-date {
   color: #fff;
   font-size: 18px;
@@ -4017,15 +4066,18 @@
   max-width: 15%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:hover,
 .e-more-popup-wrapper .e-header-date:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:focus,
 .e-more-popup-wrapper .e-header-date:focus {
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close,
 .e-more-popup-wrapper .e-more-event-close {
   background-color: transparent;
   border: 0;
@@ -4038,20 +4090,25 @@
   width: 25px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
 .e-more-popup-wrapper .e-more-event-close .e-close-icon {
   font-size: 9px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
 .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
   margin-top: 3px;
 }
 
-.e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
+.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
+.e-more-popup-wrapper .e-more-event-close:focus,
+.e-more-popup-wrapper .e-more-event-close:hover {
   background-color: #685708;
   border-radius: 50%;
   color: #fff;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment,
 .e-more-popup-wrapper .e-appointment {
   background: #1c8000;
   border-radius: 2px;
@@ -4065,6 +4122,7 @@
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject,
 .e-more-popup-wrapper .e-appointment .e-subject {
   color: #fff;
   -ms-flex: auto;
@@ -4077,17 +4135,22 @@
   white-space: nowrap;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
   line-height: 22px;
   padding: 0 2px;
 }
 
-.e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
+.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus,
+.e-more-popup-wrapper .e-appointment.e-appointment-border,
+.e-more-popup-wrapper .e-appointment:focus {
   border: 0;
   box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
 }
 
+.e-bigger .e-more-popup-wrapper.e-device,
 .e-more-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -4101,10 +4164,12 @@
   z-index: 1002;
 }
 
+.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content,
 .e-more-popup-wrapper.e-device .e-more-event-content {
   max-height: unset;
 }
 
+.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
 .e-more-popup-wrapper.e-rtl .e-more-event-close {
   left: 6px;
   right: auto;

package/styles/schedule/icons/_fluent.scss

@@ -0,0 +1,231 @@
+@include export-module('schedule-fluent-icons') {
+  .e-schedule {
+    .e-schedule-toolbar {
+      & .e-icon-prev::before {
+        content: '\e7c1';
+      }
+
+      & .e-icon-next::before {
+        content: '\e7c2';
+      }
+
+      & .e-icon-add::before {
+        content: '\e7ba';
+      }
+
+      & .e-icon-today::before {
+        content: '\e721';
+      }
+
+      & .e-icon-down-arrow::before {
+        content: '\e7c3';
+      }
+
+      & .e-icon-day::before {
+        content: '\e71b';
+      }
+
+      & .e-icon-week::before {
+        content: '\e725';
+      }
+
+      & .e-icon-workweek::before {
+        content: '\e725';
+      }
+
+      & .e-icon-month::before {
+        content: '\e71e';
+      }
+
+      & .e-icon-month-agenda::before {
+        content: '\e7e2';
+      }
+
+      & .e-icon-agenda::before {
+        content: '\e71d';
+      }
+
+      & .e-icon-year::before {
+        content: '\e776';
+      }
+
+      & .e-icon-timeline-year-vertical::before {
+        content: '\e776';
+      }
+
+      & .e-icon-timeline-year-horizontal::before {
+        content: '\e776';
+      }
+
+      & .e-icon-timeline-day::before {
+        content: '\e771';
+      }
+
+      & .e-icon-timeline-week::before {
+        content: '\e7e1';
+      }
+
+      & .e-icon-timeline-workweek::before {
+        content: '\e772';
+      }
+
+      & .e-icon-timeline-month::before {
+        content: '\e776';
+      }
+
+      &.e-toolbar {
+        .e-popup-down-icon::before {
+          content: '\e7ad';
+        }
+
+        .e-popup-up-icon::before {
+          content: '\e7ad';
+        }
+      }
+
+      &.e-rtl {
+        & .e-icon-prev::before {
+          content: '\e7c2';
+        }
+
+        & .e-icon-next::before {
+          content: '\e7c1';
+        }
+      }
+    }
+
+    .e-schedule-resource-toolbar {
+      & .e-icon-menu::before {
+        content: '\e728';
+      }
+
+      & .e-icon-next::before {
+        content: '\e7c2';
+      }
+    }
+
+    .e-close-icon::before {
+      content: '\e74f';
+    }
+
+    .e-block-indicator::before {
+      content: '\e720';
+    }
+
+    .e-appointment {
+      .e-recurrence-icon::before {
+        content: '\e7be';
+      }
+
+      .e-recurrence-edit-icon::before {
+        content: '\e7e3';
+      }
+
+      .e-up-icon::before {
+        content: '\e7e6';
+      }
+
+      .e-down-icon::before {
+        content: '\e7e7';
+      }
+
+      .e-left-icon::before {
+        content: '\e7e9';
+      }
+
+      .e-right-icon::before {
+        content: '\e7e8';
+      }
+    }
+
+    .e-vertical-view .e-all-day-cells {
+      .e-all-day-appointment-section::before {
+        content: '\e7c3';
+      }
+    }
+
+    &.e-rtl {
+      .e-appointment {
+        & .e-left-icon::before {
+          content: '\e7e8';
+        }
+
+        & .e-right-icon::before {
+          content: '\e7e9';
+        }
+      }
+    }
+
+    .e-resource-tree-icon::before {
+      content: '\e7c2';
+    }
+  }
+
+  .e-schedule-dialog.e-device {
+    .e-back-icon::before {
+      content: '\e7e4';
+    }
+
+    .e-save-icon::before {
+      content: '\e7bf';
+    }
+
+    .e-recurrence-container {
+      .e-recurrence-edit-button {
+        .e-recurrence-edit.e-icons::before {
+          content: '\e822';
+        }
+      }
+    }
+  }
+
+  .e-schedule-dialog.e-device.e-rtl {
+    .e-back-icon::before {
+      content: '\e7e8';
+    }
+  }
+
+  .e-quick-popup-wrapper {
+    .e-edit-icon::before {
+      content: '\e822';
+    }
+
+    .e-delete-icon::before {
+      content: '\e75b';
+    }
+
+    .e-close-icon::before {
+      content: '\e74f';
+    }
+
+    .e-time-icon::before {
+      content: '\e7e0';
+    }
+
+    .e-location-icon::before {
+      content: '\e7e5';
+    }
+
+    .e-time-zone-icon::before {
+      content: '\e816';
+    }
+
+    .e-description-icon::before {
+      content: '\e729';
+    }
+
+    .e-resource-icon::before {
+      content: '\e72a';
+    }
+
+    .e-date-time-icon::before {
+      content: '\e771';
+    }
+  }
+
+  .e-more-popup-wrapper.e-device {
+    .e-close-icon::before {
+      content: '\e74f';
+    }
+  }
+}