@syncfusion/ej2-gantt 23.2.7 → 24.1.43

package/styles/bootstrap.css

@@ -403,6 +403,22 @@
   content: "\e85f";
 }
 
+.e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
+.e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  width: 25px;
+  z-index: 4;
+}
+.e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
+.e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: ew-resize;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
 .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
   height: 64px;
 }
@@ -482,7 +498,8 @@
   padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  left: 0 !important;
+  left: -11px;
+  top: 3px;
 }
 .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
   font-size: 12px !important;
@@ -494,8 +511,8 @@
 .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
   margin-left: 12px;
 }
-.e-bigger .e-gantt .e-dialog .e-dlg-header {
-  line-height: 28px;
+.e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
+  line-height: 37px;
 }
 .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
   padding: 16px 0 0 !important;
@@ -509,6 +526,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 556px !important;
 }
 .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
   padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
@@ -538,7 +556,7 @@
   border-radius: 6px 6px 0px 0px;
   padding-bottom: 20px;
 }
-.e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+.e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
   border-radius: 50%;
   height: auto !important; /* stylelint-disable-line declaration-no-important */
   width: auto;
@@ -588,6 +606,16 @@
 .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
   min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
+  position: absolute !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
+  padding: 16px !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
   border-top: 8px solid #000;
 }
@@ -813,9 +841,6 @@
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
   overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
-  overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
   width: calc(100% + 17px);
 }
@@ -938,7 +963,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;
@@ -968,9 +993,6 @@
   vertical-align: middle;
   z-index: 3;
 }
-.e-gantt .e-gantt-chart .e-taskbar-main-container:hover {
-  z-index: 4;
-}
 .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
   z-index: 4;
 }
@@ -1447,7 +1469,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 0px;
@@ -1506,6 +1528,9 @@
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-gantt-dialog .e-dlg-header {
+  line-height: 30px;
+}
 .e-gantt-dialog .e-dlg-header-content {
   border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -1513,6 +1538,10 @@
   border-radius: 6px 6px 0px 0px;
   padding-bottom: 20px;
 }
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  left: -11px;
+  top: 2px !important;
+}
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
   height: auto !important; /* stylelint-disable-line declaration-no-important */
@@ -1577,13 +1606,14 @@
   font-size: 14px;
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
-  height: 64px !important; /* stylelint-disable-line declaration-no-important */
+.e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
+.e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
+  padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-timeline-single-header-cell {
-  height: 64px !important; /* stylelint-disable-line declaration-no-important */
-  line-height: 64px !important; /* stylelint-disable-line declaration-no-important */
+.e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
+.e-bigger .e-gantt .e-contextmenu-wrapper ul {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-gantt-tooltip-label {
@@ -1698,6 +1728,29 @@
   z-index: 1;
 }
 
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
+  border-top: 1px solid #317ab9;
+  border-width: 1px 0 0;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
+  border-bottom: 1px solid #317ab9;
+  box-shadow: #317ab9;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
+  border-bottom: 1px solid #317ab9;
+  border-top: 1px solid #317ab9;
+  box-shadow: #317ab9;
+}
+
+@media (max-width: 767px) {
+  .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
+    float: none;
+    padding: 16px 12px 0 16px;
+    width: 100%;
+  }
+}
 /*! Gantt theme */
 .e-gantt .e-gantt-splitter {
   border-color: #ddd;
@@ -1750,6 +1803,13 @@
   background: #c6ddf0;
   opacity: 1;
 }
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
+  background: #c6ddf0;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #317ab9;
 }
@@ -2066,6 +2126,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #fff;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #317ab9;

package/styles/bootstrap4.css

@@ -614,6 +614,22 @@
   content: "\e7ce";
 }
 
+.e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
+.e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  width: 25px;
+  z-index: 4;
+}
+.e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
+.e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: ew-resize;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
 .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
   height: 64px;
 }
@@ -693,7 +709,8 @@
   padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  left: 1px !important;
+  left: -11px;
+  top: 3px;
 }
 .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
   font-size: 14px !important;
@@ -705,8 +722,8 @@
 .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
   margin-left: 12px;
 }
-.e-bigger .e-gantt .e-dialog .e-dlg-header {
-  line-height: 28px;
+.e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
+  line-height: 37px;
 }
 .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
   padding: 16px 0 0 !important;
@@ -720,6 +737,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 556px !important;
 }
 .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
   padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
@@ -749,7 +767,7 @@
   border-radius: 6px 6px 0px 0px;
   padding-bottom: 20px;
 }
-.e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+.e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
   border-radius: 50%;
   height: auto !important; /* stylelint-disable-line declaration-no-important */
   width: auto;
@@ -802,6 +820,16 @@
 .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
   min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
+  position: absolute !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
+  padding: 16px !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
   border-top: 8px solid #000;
 }
@@ -1027,9 +1055,6 @@
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
   overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
-  overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
   width: calc(100% + 17px);
 }
@@ -1152,7 +1177,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;
@@ -1182,9 +1207,6 @@
   vertical-align: middle;
   z-index: 3;
 }
-.e-gantt .e-gantt-chart .e-taskbar-main-container:hover {
-  z-index: 4;
-}
 .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
   z-index: 4;
 }
@@ -1661,7 +1683,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 0px;
@@ -1720,6 +1742,9 @@
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-gantt-dialog .e-dlg-header {
+  line-height: 30px;
+}
 .e-gantt-dialog .e-dlg-header-content {
   border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -1727,6 +1752,10 @@
   border-radius: 3px 3px 0px 0px;
   padding-bottom: 20px;
 }
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  left: -11px;
+  top: 2px !important;
+}
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
   height: auto !important; /* stylelint-disable-line declaration-no-important */
@@ -1791,13 +1820,14 @@
   font-size: 16px;
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
-  height: 64px !important; /* stylelint-disable-line declaration-no-important */
+.e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
+.e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
+  padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-timeline-single-header-cell {
-  height: 64px !important; /* stylelint-disable-line declaration-no-important */
-  line-height: 64px !important; /* stylelint-disable-line declaration-no-important */
+.e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
+.e-bigger .e-gantt .e-contextmenu-wrapper ul {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-gantt-tooltip-label {
@@ -1912,6 +1942,29 @@
   z-index: 1;
 }
 
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
+  border-top: 1px solid #e3165b;
+  border-width: 1px 0 0;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
+  border-bottom: 1px solid #e3165b;
+  box-shadow: #e3165b;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
+  border-bottom: 1px solid #e3165b;
+  border-top: 1px solid #e3165b;
+  box-shadow: #e3165b;
+}
+
+@media (max-width: 767px) {
+  .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
+    float: none;
+    padding: 16px 12px 0 16px;
+    width: 100%;
+  }
+}
 /*! Gantt theme */
 .e-gantt .e-gantt-splitter {
   border-color: #dee2e6;
@@ -1964,6 +2017,13 @@
   background: rgba(0, 123, 255, 0.16);
   opacity: 1;
 }
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
+  background: #d6eaff;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #007bff;
 }
@@ -2280,6 +2340,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #fff;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #007bff;

package/styles/bootstrap5-dark.css

@@ -304,6 +304,22 @@
   content: "\e7f9";
 }
 
+.e-bigger .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
+.e-bigger .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  width: 25px;
+  z-index: 4;
+}
+.e-bigger .e-gantt .e-gantt-chart .e-left-resize-gripper,
+.e-bigger .e-gantt .e-gantt-chart .e-right-resize-gripper {
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: ew-resize;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
 .e-bigger .e-gantt .e-gantt-chart .e-timeline-header-container {
   height: 64px;
 }
@@ -383,7 +399,8 @@
   padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  left: 2px !important;
+  left: -11px;
+  top: 2px;
 }
 .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
   font-size: 14px !important;
@@ -395,8 +412,8 @@
 .e-bigger .e-gantt .e-dialog .e-footer-content .e-btn {
   margin-left: 12px;
 }
-.e-bigger .e-gantt .e-dialog .e-dlg-header {
-  line-height: 28px;
+.e-bigger .e-gantt .e-dialog .e-dlg-header:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-header) {
+  line-height: 37px;
 }
 .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
   padding: 16px 0 0 !important;
@@ -410,6 +427,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 556px !important;
 }
 .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
   padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
@@ -439,7 +457,7 @@
   border-radius: 6px 6px 0px 0px;
   padding-bottom: 12px;
 }
-.e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+.e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:not(.e-gantt-adaptive-dialog .e-dialog .e-dlg-closeicon-btn) {
   border-radius: 50%;
   height: auto !important; /* stylelint-disable-line declaration-no-important */
   width: auto;
@@ -489,6 +507,16 @@
 .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
   min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog {
+  position: absolute !important; /* stylelint-disable-line declaration-no-important */
+  left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog .e-dlg-header-content {
+  padding: 16px !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-bigger .e-gantt-dialog .e-gantt-adaptive-dialog .e-dialog td {
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
+}
 .e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
   border-top: 8px solid #000;
 }
@@ -714,9 +742,6 @@
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
   overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-gantt-frozen {
-  overflow-x: hidden !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
   width: calc(100% + 17px);
 }
@@ -839,7 +864,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0;
+  border-spacing: 0.25px;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;
@@ -869,9 +894,6 @@
   vertical-align: middle;
   z-index: 3;
 }
-.e-gantt .e-gantt-chart .e-taskbar-main-container:hover {
-  z-index: 4;
-}
 .e-gantt .e-gantt-chart .e-taskbar-main-container.e-gantt-multi-taskbar:hover {
   z-index: 4;
 }
@@ -1348,7 +1370,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 0px;
@@ -1407,6 +1429,9 @@
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-gantt-dialog .e-dlg-header {
+  line-height: 30px;
+}
 .e-gantt-dialog .e-dlg-header-content {
   border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -1414,6 +1439,10 @@
   border-radius: 3px 3px 0px 0px;
   padding-bottom: 12px;
 }
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  left: -11px;
+  top: 0 !important;
+}
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
   height: auto !important; /* stylelint-disable-line declaration-no-important */
@@ -1478,13 +1507,14 @@
   font-size: 16px;
 }
 
-.e-bigger .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
-  height: 64px !important; /* stylelint-disable-line declaration-no-important */
+.e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
+.e-bigger .e-gantt .e-excelfilter .e-dialog .e-dlg-content {
+  padding: 0 18px 0 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-timeline-single-header-cell {
-  height: 64px !important; /* stylelint-disable-line declaration-no-important */
-  line-height: 64px !important; /* stylelint-disable-line declaration-no-important */
+.e-bigger .e-filter-popup .e-control .e-dialog .e-lib .e-popup .e-popup-open .e-excelfilter .e-gantt,
+.e-bigger .e-gantt .e-contextmenu-wrapper ul {
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-gantt-tooltip-label {
@@ -1599,6 +1629,29 @@
   z-index: 1;
 }
 
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  border-width: 2px 0 0;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-dropbottom {
+  border-bottom: 2px solid #4f46e5;
+  box-shadow: #0d6efd;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
+  border-bottom: 2px solid #4f46e5;
+  border-top: 2px solid #4f46e5;
+  box-shadow: #0d6efd;
+}
+
+@media (max-width: 767px) {
+  .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(odd), .e-bigger .e-gantt .e-dialog .e-edit-form-column:nth-child(even) {
+    float: none;
+    padding: 16px 12px 0 16px;
+    width: 100%;
+  }
+}
 /*! Gantt theme */
 .e-gantt .e-gantt-splitter {
   border-color: #444c54;
@@ -1651,6 +1704,13 @@
   background: #3c444b;
   opacity: 0.9;
 }
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-leftfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-unfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-rightfreeze,
+.e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active.e-fixedfreeze {
+  background: #3c444b;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #0d6efd;
 }
@@ -1967,6 +2027,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #fff;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #282d31;