@syncfusion/ej2-vue-gantt 20.1.47 → 20.1.48

package/styles/bootstrap4.css

@@ -643,34 +643,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%;
@@ -1185,10 +1157,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,
@@ -1250,6 +1221,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1532,8 +1504,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 {
@@ -1842,13 +1812,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #495057;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0056b3;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1919,6 +1887,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 {
@@ -2082,15 +2055,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #ffc107;
+  background-color: #fd7e14;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #ffc107;
+  border-bottom-color: #fd7e14;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #ffc107;
+  border-top-color: #fd7e14;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/bootstrap5-dark.css

@@ -89,13 +89,6 @@
   color: #adb5bd;
 }
 
-.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
-  background: #343a40;
-}
-
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -158,7 +151,7 @@
 }
 
 .e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 2px 2px 0;
+  border-radius: 0 4px 4px 0;
   border-right-width: 0;
 }
 
@@ -317,34 +310,6 @@
   content: '\e770';
 }
 
-.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: 35px;
-}
-
-.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%;
@@ -482,7 +447,7 @@
 
 .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
 .e-gantt .e-gantt-tree-grid-pane .e-headercell {
-  height: 51px !important;
+  height: 63px !important;
 }
 
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
@@ -859,10 +824,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,
@@ -924,6 +888,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1150,18 +1115,18 @@
 
 .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
   float: left;
-  padding: 12px 18px 0 18px;
+  padding: 16px 18px 0 18px;
   width: 50%;
 }
 
 .e-gantt-dialog .e-edit-form-column:nth-child(even) {
   float: left;
-  padding: 12px 18px 0 0;
+  padding: 16px 16px 0 0;
   width: 50%;
 }
 
 .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 12px 18px 0 0;
+  padding: 16px 16px 0 0;
 }
 
 .e-gantt-dialog .e-edit-form-column {
@@ -1201,13 +1166,11 @@
 
 .e-gantt-dialog .e-dlg-header-content {
   border-radius: 3px 3px 0px 0px;
-  padding-bottom: 12px;
+  padding-bottom: 20px;
 }
 
 .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 {
@@ -1285,7 +1248,7 @@
 
 .e-gantt.e-device .e-edit-form-column:nth-child(odd), .e-gantt.e-device .e-edit-form-column:nth-child(even) {
   float: none;
-  padding: 12px 18px 0 18px;
+  padding: 16px 18px 0 18px;
   width: 100%;
 }
 
@@ -1428,7 +1391,7 @@
   border-bottom-width: 1px;
   border-right-color: #444c54;
   color: #fff;
-  height: 52px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1447,7 +1410,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 26px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {
@@ -1516,13 +1479,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #adb5bd;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0d6efd;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1593,6 +1554,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #fff;
+  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 {
@@ -1756,15 +1722,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #ffc107;
+  background-color: #adb5bd;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #ffc107;
+  border-bottom-color: #adb5bd;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #ffc107;
+  border-top-color: #adb5bd;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/bootstrap5.css

@@ -89,13 +89,6 @@
   color: #6c757d;
 }
 
-.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
-.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
-  background: #e9ecef;
-}
-
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -158,7 +151,7 @@
 }
 
 .e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 2px 2px 0;
+  border-radius: 0 4px 4px 0;
   border-right-width: 0;
 }
 
@@ -317,34 +310,6 @@
   content: '\e770';
 }
 
-.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: 35px;
-}
-
-.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%;
@@ -482,7 +447,7 @@
 
 .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
 .e-gantt .e-gantt-tree-grid-pane .e-headercell {
-  height: 51px !important;
+  height: 63px !important;
 }
 
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
@@ -859,10 +824,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,
@@ -924,6 +888,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
+  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1150,18 +1115,18 @@
 
 .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
   float: left;
-  padding: 12px 18px 0 18px;
+  padding: 16px 18px 0 18px;
   width: 50%;
 }
 
 .e-gantt-dialog .e-edit-form-column:nth-child(even) {
   float: left;
-  padding: 12px 18px 0 0;
+  padding: 16px 16px 0 0;
   width: 50%;
 }
 
 .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-  padding: 12px 18px 0 0;
+  padding: 16px 16px 0 0;
 }
 
 .e-gantt-dialog .e-edit-form-column {
@@ -1201,13 +1166,11 @@
 
 .e-gantt-dialog .e-dlg-header-content {
   border-radius: 3px 3px 0px 0px;
-  padding-bottom: 12px;
+  padding-bottom: 20px;
 }
 
 .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 {
@@ -1285,7 +1248,7 @@
 
 .e-gantt.e-device .e-edit-form-column:nth-child(odd), .e-gantt.e-device .e-edit-form-column:nth-child(even) {
   float: none;
-  padding: 12px 18px 0 18px;
+  padding: 16px 18px 0 18px;
   width: 100%;
 }
 
@@ -1428,7 +1391,7 @@
   border-bottom-width: 1px;
   border-right-color: #dee2e6;
   color: #212529;
-  height: 52px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1447,7 +1410,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 26px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {
@@ -1516,13 +1479,11 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #adb5bd;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0d6efd;
   border: 0px;
-  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1593,6 +1554,11 @@
 
 .e-gantt .e-gantt-chart .e-progress-resize-gripper .e-progressbar-handler {
   background: #212529;
+  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 {
@@ -1756,15 +1722,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #ffc107;
+  background-color: #adb5bd;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #ffc107;
+  border-bottom-color: #adb5bd;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #ffc107;
+  border-top-color: #adb5bd;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/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/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 {