@syncfusion/ej2-react-gantt 19.4.56 → 20.1.47

package/styles/fluent.scss

@@ -0,0 +1 @@
+@import 'gantt/fluent.scss';

package/styles/gantt/bootstrap-dark.css

@@ -276,6 +276,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: 40px;
+}
+
+.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%;
@@ -790,9 +818,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,
@@ -854,7 +883,6 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
-  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1137,6 +1165,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 {
@@ -1445,11 +1475,13 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #4cc7ba;
   border: 1px solid #4cc7ba;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #0070f0;
   border: 1px solid #0070f0;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1520,11 +1552,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 {
@@ -1688,15 +1715,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #f0ad4e;
+  background-color: #fac168;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #f0ad4e;
+  border-bottom-color: #fac168;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #f0ad4e;
+  border-top-color: #fac168;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

package/styles/gantt/bootstrap.css

@@ -426,6 +426,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: 40px;
+}
+
+.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%;
@@ -940,9 +968,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,
@@ -1004,7 +1033,6 @@
 }
 
 .e-gantt .e-gantt-chart .e-holiday .e-span {
-  font-size: 13px;
   position: absolute;
   transform: rotate(-90deg);
   white-space: nowrap;
@@ -1287,6 +1315,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 {
@@ -1595,11 +1625,13 @@
 .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
   background-color: #555;
   border: 1px solid #555;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div {
   background-color: #21527d;
   border: 1px solid #21527d;
+  border-radius: 4px;
 }
 
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
@@ -1670,11 +1702,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 {
@@ -1838,15 +1865,15 @@
 }
 
 .e-gantt .e-gantt-chart .e-baseline-bar {
-  background-color: #FF9800;
+  background-color: #f0ad4e;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-top {
-  border-bottom-color: #FF9800;
+  border-bottom-color: #f0ad4e;
 }
 
 .e-gantt .e-gantt-chart .e-baseline-milestone-bottom {
-  border-top-color: #FF9800;
+  border-top-color: #f0ad4e;
 }
 
 .e-gantt .e-gantt-chart .e-uptail::before {

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