@syncfusion/ej2-vue-gantt 19.4.54 → 20.1.47

package/styles/bootstrap4.css

@@ -643,6 +643,34 @@
   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%;
@@ -1157,9 +1185,10 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
+  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 3;
+  z-index: 2;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -1221,7 +1250,6 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
-  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1504,6 +1532,8 @@
 
 .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 {
@@ -1812,11 +1842,13 @@
 .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 {
@@ -1887,11 +1919,6 @@
 
 .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 {
@@ -2055,15 +2082,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #fd7e14;
+  background-color: #ffc107;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #fd7e14;
+  border-bottom-color: #ffc107;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #fd7e14;
+  border-top-color: #ffc107;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/bootstrap5-dark.css

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

package/styles/bootstrap5.css

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

package/styles/fabric-dark.css

@@ -230,6 +230,34 @@
   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%;
@@ -744,9 +772,10 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
+  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 3;
+  z-index: 2;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -808,7 +837,6 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
-  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1091,6 +1119,8 @@
 
 .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 {
@@ -1399,11 +1429,13 @@
 .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 {
@@ -1474,11 +1506,6 @@
 
 .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,6 +228,34 @@
   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%;
@@ -742,9 +770,10 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
+  border-radius: 2px;
   box-sizing: border-box;
   position: absolute;
-  z-index: 3;
+  z-index: 2;
 }
 
 .e-gantt .e-gantt-chart .e-milestone-top,
@@ -806,7 +835,6 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
-  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1089,6 +1117,8 @@
 
 .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 {
@@ -1397,11 +1427,13 @@
 .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 {
@@ -1472,11 +1504,6 @@
 
 .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 {
@@ -1640,15 +1667,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #FF9800;
+  background-color: #D83B01;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #FF9800;
+  border-bottom-color: #D83B01;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #FF9800;
+  border-top-color: #D83B01;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {