@syncfusion/ej2-vue-gantt 20.1.47 → 20.1.48

package/styles/gantt/fabric-dark.css

@@ -230,34 +230,6 @@
   content: '\e903';
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
-  height: 64px;
-}
-
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 32px;
-}
-
-.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
-  height: 63px !important;
-}
-
-.e-bigger .e-columnmenu {
-  top: 45px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
-  padding: 16px 18px 0 18px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
 .e-gantt {
   display: block;
   width: 100%;
@@ -772,10 +744,9 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 2;
+  z-index: 3;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -837,6 +808,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1119,8 +1091,6 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
-  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1429,13 +1399,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #4cc7ba;
   border: 0px;
-  border-radius: 0px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0063ad;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1506,6 +1474,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
+  border-color: #fff;
+}
+
+.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
+  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {

package/styles/gantt/fabric.css

@@ -228,34 +228,6 @@
   content: '\e903';
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
-  height: 64px;
-}
-
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 32px;
-}
-
-.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
-  height: 63px !important;
-}
-
-.e-bigger .e-columnmenu {
-  top: 45px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
-  padding: 16px 18px 0 18px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
 .e-gantt {
   display: block;
   width: 100%;
@@ -770,10 +742,9 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 2;
+  z-index: 3;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -835,6 +806,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1117,8 +1089,6 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
-  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1427,13 +1397,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #505050;
   border: 0px;
-  border-radius: 0px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #005ba3;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1504,6 +1472,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
+  border-color: #fff;
+}
+
+.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
+  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
@@ -1667,15 +1640,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #D83B01;
+  background-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #D83B01;
+  border-bottom-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #D83B01;
+  border-top-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/gantt/highcontrast-light.css

@@ -231,34 +231,6 @@
   }
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
-  height: 64px;
-}
-
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 32px;
-}
-
-.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
-  height: 63px !important;
-}
-
-.e-bigger .e-columnmenu {
-  top: 45px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
-  padding: 16px 18px 0 18px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
 .e-gantt {
   display: block;
   width: 100%;
@@ -773,10 +745,9 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 2;
+  z-index: 3;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -838,6 +809,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1120,8 +1092,6 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
-  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1430,13 +1400,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #005201;
   border: 0px;
-  border-radius: 0px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #6e06f1;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1507,6 +1475,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
+  border-color: #fff;
+}
+
+.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
+  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {

package/styles/gantt/highcontrast.css

@@ -345,34 +345,6 @@
   content: '\e903';
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
-  height: 64px;
-}
-
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 32px;
-}
-
-.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
-  height: 63px !important;
-}
-
-.e-bigger .e-columnmenu {
-  top: 45px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
-  padding: 16px 18px 0 18px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
 .e-gantt {
   display: block;
   width: 100%;
@@ -887,10 +859,9 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 2;
+  z-index: 3;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -952,6 +923,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1234,8 +1206,6 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
-  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1544,13 +1514,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #005201;
   border: 0px;
-  border-radius: 0px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #3e047d;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1621,6 +1589,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
+  border-color: #fff;
+}
+
+.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
+  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {

package/styles/gantt/material-dark.css

@@ -267,34 +267,6 @@
   content: '\e903';
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
-  height: 64px;
-}
-
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 32px;
-}
-
-.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
-  height: 63px !important;
-}
-
-.e-bigger .e-columnmenu {
-  top: 38px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
-  padding: 16px 18px 0 18px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
 .e-gantt {
   display: block;
   width: 100%;
@@ -809,10 +781,9 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 2;
+  z-index: 3;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -874,6 +845,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1156,8 +1128,6 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
-  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1466,13 +1436,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #4cc7ba;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #7280ce;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1543,6 +1511,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
+  border-color: #fff;
+}
+
+.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
+  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
@@ -1706,15 +1679,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #ff9800;
+  background-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #ff9800;
+  border-bottom-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #ff9800;
+  border-top-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/gantt/material.css

@@ -308,34 +308,6 @@
   content: '\e903';
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
-  height: 64px;
-}
-
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 32px;
-}
-
-.e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
-  height: 63px !important;
-}
-
-.e-bigger .e-columnmenu {
-  top: 38px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
-  padding: 16px 18px 0 18px;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
-.e-bigger .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 16px 18px 0 0;
-}
-
 .e-gantt {
   display: block;
   width: 100%;
@@ -850,10 +822,9 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 2;
+  z-index: 3;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -915,6 +886,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1197,8 +1169,6 @@
 
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
-  width: auto !important;
 }
 
 .e-icon-rowselect::before {
@@ -1507,13 +1477,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #616161;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #3f51b5;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1584,6 +1552,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #222;
+  border-color: #fff;
+}
+
+.e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-element {
+  border-bottom-color: #fff;
 }
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler-after {
@@ -1747,15 +1720,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #C15700;
+  background-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #C15700;
+  border-bottom-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #C15700;
+  border-top-color: #FF9800;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {