@syncfusion/ej2-react-schedule 19.4.55 → 20.1.50

package/styles/schedule/bootstrap5-dark.css

@@ -879,7 +879,7 @@
 .e-schedule .e-vertical-view .e-header-cells {
   font-size: 12px;
   height: 60px;
-  padding: 8px 8px 0;
+  padding: 4px;
 }
 
 .e-schedule .e-vertical-view .e-header-cells .e-header-day {
@@ -1854,6 +1854,15 @@
   text-decoration: underline;
 }
 
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background-color: #343a40;
+  box-shadow: inset 0 0 0 8px #282d31;
+}
+
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background-color: #343a40;
+}
+
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2621,7 +2630,7 @@
 .e-schedule .e-agenda-view .e-day-date-header {
   color: #e9ecef;
   cursor: default;
-  padding: 8px 34px 14px 18px;
+  padding: 8px 20px 14px 14px;
 }
 
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
@@ -2738,7 +2747,7 @@
   border-left: 3px solid #0d6efd;
   border-right: 0;
   cursor: default;
-  padding: 0 12px;
+  padding: 0 14px;
 }
 
 .e-schedule .e-agenda-view .e-appointment:hover {
@@ -2893,13 +2902,6 @@
   padding: 8px;
 }
 
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
-  padding: 0;
-}
-
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -2926,6 +2928,12 @@
   font-size: 14px;
 }
 
+.e-bigger .e-schedule .e-vertical-view .e-header-cells,
+.e-bigger.e-schedule .e-vertical-view .e-header-cells {
+  height: 66px;
+  padding: 8px;
+}
+
 .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
 .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
   font-size: 14px;
@@ -3763,8 +3771,6 @@
   display: block;
   padding: 8px 18px 8px 18px;
   text-align: right;
-  background-color: #282d31;
-  border-radius: 0 0 6px 6px;
 }
 
 .e-quick-popup-wrapper .e-popup-footer .e-event-edit {
@@ -4131,6 +4137,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: #fff;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;
@@ -4204,7 +4211,7 @@
 
 .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: 8px;
+  margin-top: 3px;
 }
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
@@ -4508,12 +4515,6 @@
   color: #fff;
 }
 
-.e-schedule .e-month-view .e-selected-cell.e-current-date .e-date-header,
-.e-schedule .e-month-agenda-view .e-selected-cell.e-current-date .e-date-header {
-  background-color: #fff;
-  color: #343a40;
-}
-
 .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
 .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
   color: #fff;

package/styles/schedule/bootstrap5.css

@@ -880,7 +880,7 @@
 .e-schedule .e-vertical-view .e-header-cells {
   font-size: 12px;
   height: 60px;
-  padding: 8px 8px 0;
+  padding: 4px;
 }
 
 .e-schedule .e-vertical-view .e-header-cells .e-header-day {
@@ -1855,6 +1855,15 @@
   text-decoration: underline;
 }
 
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background-color: #e9ecef;
+  box-shadow: inset 0 0 0 8px #f8f9fa;
+}
+
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background-color: #e9ecef;
+}
+
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2622,7 +2631,7 @@
 .e-schedule .e-agenda-view .e-day-date-header {
   color: #343a40;
   cursor: default;
-  padding: 8px 34px 14px 18px;
+  padding: 8px 20px 14px 14px;
 }
 
 .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
@@ -2739,7 +2748,7 @@
   border-left: 3px solid #0d6efd;
   border-right: 0;
   cursor: default;
-  padding: 0 12px;
+  padding: 0 14px;
 }
 
 .e-schedule .e-agenda-view .e-appointment:hover {
@@ -2894,13 +2903,6 @@
   padding: 8px;
 }
 
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
-  padding: 0;
-}
-
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -2927,6 +2929,12 @@
   font-size: 14px;
 }
 
+.e-bigger .e-schedule .e-vertical-view .e-header-cells,
+.e-bigger.e-schedule .e-vertical-view .e-header-cells {
+  height: 66px;
+  padding: 8px;
+}
+
 .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
 .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
   font-size: 14px;
@@ -3764,8 +3772,6 @@
   display: block;
   padding: 8px 18px 8px 18px;
   text-align: right;
-  background-color: #f8f9fa;
-  border-radius: 0 0 6px 6px;
 }
 
 .e-quick-popup-wrapper .e-popup-footer .e-event-edit {
@@ -4132,6 +4138,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: #212529;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;
@@ -4205,7 +4212,7 @@
 
 .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: 8px;
+  margin-top: 3px;
 }
 
 .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
@@ -4509,12 +4516,6 @@
   color: #212529;
 }
 
-.e-schedule .e-month-view .e-selected-cell.e-current-date .e-date-header,
-.e-schedule .e-month-agenda-view .e-selected-cell.e-current-date .e-date-header {
-  background-color: #212529;
-  color: #e9ecef;
-}
-
 .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
 .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
   color: #212529;

package/styles/schedule/fabric-dark.css

@@ -1847,6 +1847,15 @@
   text-decoration: underline;
 }
 
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background-color: rgba(0, 0, 0, 0.08);
+  box-shadow: inset 0 0 0 8px #282727;
+}
+
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2879,13 +2888,6 @@
   padding: 0 1.5px;
 }
 
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
-  padding: 0;
-}
-
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4016,6 +4018,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: #dadada;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;

package/styles/schedule/fabric.css

@@ -1847,6 +1847,15 @@
   text-decoration: underline;
 }
 
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
+  background-color: rgba(0, 0, 0, 0.08);
+  box-shadow: inset 0 0 0 8px #f8f8f8;
+}
+
+.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-schedule .e-timeline-year-view .e-event-table {
   position: absolute;
   top: 0;
@@ -2879,13 +2888,6 @@
   padding: 0 1.5px;
 }
 
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
-.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
-  padding: 0;
-}
-
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -4032,6 +4034,7 @@
 
 .e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
+  color: #333;
   height: calc(100% - 35px);
   max-height: 150px;
   overflow-y: auto;