@syncfusion/ej2-schedule 19.2.60 → 19.3.48

package/styles/bootstrap.css

@@ -227,22 +227,9 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  background: #f8f8f8;
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn {
-  background: #f8f8f8;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #e6e6e6;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #e6e6e6;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -267,13 +254,7 @@
   padding-top: 0;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
-  background: #e6e6e6;
-  border-radius: 0%;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #e6e6e6;
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
   border-radius: 0%;
 }
 
@@ -314,16 +295,6 @@
   text-transform: initial;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
-  cursor: pointer;
-  font-size: 14px;
-  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-left: 0;
-}
-
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
   background: #f8f8f8;
   border-left: 0;
@@ -336,7 +307,6 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav {
-  background: #f8f8f8;
   border-left: 1px solid #f8f8f8;
 }
 
@@ -547,6 +517,13 @@
   width: 100%;
 }
 
+.e-schedule .e-content-placeholder {
+  height: 100%;
+  position: relative;
+  width: 100%;
+  z-index: 99999;
+}
+
 .e-schedule .e-content-wrap,
 .e-schedule .e-scroll-container {
   -webkit-overflow-scrolling: touch;
@@ -1700,7 +1677,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #333;
-  height: 70px;
+  height: 75px;
   padding-left: 15px;
   padding-right: 0;
   vertical-align: middle;
@@ -1741,6 +1718,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #333;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1844,7 +1822,7 @@
 
 .e-schedule .e-timeline-year-view .e-month-header,
 .e-schedule .e-timeline-year-view .e-work-cells {
-  height: 70px;
+  height: 75px;
 }
 
 .e-schedule .e-timeline-year-view .e-header-cells,
@@ -2095,13 +2073,6 @@
   background-color: #f5f5f5;
 }
 
-.e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
-.e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
-  background-color: #e6e6e6;
-  border-radius: 50%;
-  color: #000;
-}
-
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
   overflow: hidden;
@@ -2125,6 +2096,12 @@
   height: 42px;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
+.e-schedule .e-timeline-month-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-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: #333;
@@ -2211,6 +2188,7 @@
 .e-schedule .e-timeline-view .e-appointment .e-time,
 .e-schedule .e-timeline-month-view .e-appointment .e-time {
   display: block;
+  line-height: 1.4;
 }
 
 .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2387,6 +2365,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid #ddd;
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2542,7 +2521,7 @@
   padding: 0;
 }
 
-.e-schedule .e-month-agenda-view .e-appointment-indicator {
+.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
   background: #317ab9;
   border-radius: 50%;
   height: 6px;
@@ -4201,6 +4180,7 @@
   border-color: #ddd;
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4286,6 +4266,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #333;
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4374,6 +4355,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #333;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4382,6 +4364,11 @@
   color: #333;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-schedule .e-timeline-view .e-work-days,
 .e-schedule .e-timeline-month-view .e-work-days {
   background-color: #fff;
@@ -4581,10 +4568,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 10px 0;
 }

package/styles/bootstrap4.css

@@ -226,21 +226,9 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  background: #f8f9fa;
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #545b62;
-  border-color: #4e555b;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #e9ecef;
-  background: #545b62;
-  border-color: #4e555b;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -265,13 +253,7 @@
   padding-top: 2px;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
-  background: #5a6268;
-  border-radius: 4px;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #5a6268;
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
   border-radius: 4px;
 }
 
@@ -312,14 +294,7 @@
   text-transform: initial;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
-  cursor: pointer;
-  font-size: 14px;
-  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-left: 0;
   padding-right: 0;
 }
 
@@ -544,6 +519,13 @@
   width: 100%;
 }
 
+.e-schedule .e-content-placeholder {
+  height: 100%;
+  position: relative;
+  width: 100%;
+  z-index: 99999;
+}
+
 .e-schedule .e-content-wrap,
 .e-schedule .e-scroll-container {
   -webkit-overflow-scrolling: touch;
@@ -1707,7 +1689,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #212529;
-  height: 70px;
+  height: 75px;
   padding-left: 15px;
   padding-right: 0;
   vertical-align: middle;
@@ -1749,6 +1731,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: #212529;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1853,7 +1836,7 @@
 
 .e-schedule .e-timeline-year-view .e-month-header,
 .e-schedule .e-timeline-year-view .e-work-cells {
-  height: 70px;
+  height: 75px;
 }
 
 .e-schedule .e-timeline-year-view .e-header-cells,
@@ -2107,13 +2090,6 @@
   background-color: #f2f4f6;
 }
 
-.e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
-.e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
-  background-color: transparent;
-  border-radius: 50%;
-  color: rgba(33, 37, 41, 0.75);
-}
-
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
   overflow: hidden;
@@ -2137,6 +2113,12 @@
   height: 42px;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
+  background-color: rgba(0, 0, 0, 0.08);
+  box-shadow: inset 0 0 0 8px #f8f9fa;
+}
+
 .e-schedule .e-timeline-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: #212529;
@@ -2223,6 +2205,7 @@
 .e-schedule .e-timeline-view .e-appointment .e-time,
 .e-schedule .e-timeline-month-view .e-appointment .e-time {
   display: block;
+  line-height: 1.4;
 }
 
 .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2399,6 +2382,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid #dee2e6;
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2554,7 +2538,7 @@
   padding: 0;
 }
 
-.e-schedule .e-month-agenda-view .e-appointment-indicator {
+.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
   background: #007bff;
   border-radius: 50%;
   height: 6px;
@@ -3989,10 +3973,6 @@
   font-size: 14px;
 }
 
-.e-bigger .e-timeline-view .e-resource-cells {
-  padding: 14px 0 14px 12px;
-}
-
 .e-bigger .e-timeline-view .e-resource-text {
   font-size: 14px;
   padding-left: 12px;
@@ -4347,6 +4327,7 @@
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4432,6 +4413,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #212529;
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4520,6 +4502,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: #212529;
+  padding: 0;
 }
 
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4528,6 +4511,11 @@
   color: #212529;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-schedule .e-timeline-view .e-work-days,
 .e-schedule .e-timeline-month-view .e-work-days {
   background-color: #fff;
@@ -4735,10 +4723,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 16px 0;
 }