@syncfusion/ej2-gantt 23.2.7 → 24.1.43

package/styles/gantt/tailwind-dark.css

@@ -264,6 +264,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;
 }
@@ -343,7 +359,8 @@
   padding: 16px 4px 16px 24px !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: 3px;
 }
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
   height: 68px !important; /* stylelint-disable-line declaration-no-important */
@@ -358,8 +375,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: 24px 0 0 !important;
@@ -373,6 +390,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 564px !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 */
@@ -402,7 +420,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;
@@ -455,6 +473,16 @@
 .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper .e-input-group-icon {
   padding: 7px 0 !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;
 }
@@ -680,9 +708,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);
 }
@@ -805,7 +830,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;
@@ -838,9 +863,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;
 }
@@ -1317,7 +1339,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 240px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
@@ -1377,6 +1399,9 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
   height: 291px;
 }
+.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 */
 }
@@ -1384,6 +1409,10 @@
   border-radius: 6px;
   padding-bottom: 12px;
 }
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  left: -11px;
+  top: 3px !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 */
@@ -1448,13 +1477,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 {
@@ -1569,6 +1599,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: #22d3ee;
+}
+
+.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: #22d3ee;
+}
+
+@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: #4b5563;
@@ -1621,6 +1674,13 @@
   background: #6b7280;
   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: #6b7280;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #22d3ee;
 }
@@ -1937,6 +1997,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #fff;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #232e3e;

package/styles/gantt/tailwind.css

@@ -264,6 +264,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;
 }
@@ -343,7 +359,8 @@
   padding: 16px 4px 16px 24px !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: 3px;
 }
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
   height: 68px !important; /* stylelint-disable-line declaration-no-important */
@@ -358,8 +375,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: 24px 0 0 !important;
@@ -373,6 +390,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 564px !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 */
@@ -402,7 +420,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;
@@ -455,6 +473,16 @@
 .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper .e-input-group-icon {
   padding: 7px 0 !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;
 }
@@ -680,9 +708,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);
 }
@@ -805,7 +830,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;
@@ -838,9 +863,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;
 }
@@ -1317,7 +1339,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 240px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
@@ -1377,6 +1399,9 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
   height: 291px;
 }
+.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 */
 }
@@ -1384,6 +1409,10 @@
   border-radius: 6px;
   padding-bottom: 12px;
 }
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  left: -11px;
+  top: 3px !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 */
@@ -1448,13 +1477,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 {
@@ -1569,6 +1599,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: #4f46e5;
+}
+
+.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: #4f46e5;
+}
+
+@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: #e5e7eb;
@@ -1621,6 +1674,13 @@
   background: #e5e7eb;
   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: #e5e7eb;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #4f46e5;
 }
@@ -1937,6 +1997,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #111827;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #f9fafb;

package/styles/highcontrast-light.css

@@ -194,6 +194,22 @@
   }
 }
 /* stylelint-disable */
+.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;
 }
@@ -273,7 +289,8 @@
   padding: 16px 4px 12px 18px !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: 3px;
 }
 .e-bigger .e-gantt .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
   font-size: 12px !important;
@@ -285,8 +302,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: 20px 0 0 !important;
@@ -300,6 +317,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 554px !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 */
@@ -329,7 +347,7 @@
   border-radius: 6px 6px 0px 0px;
   padding-bottom: 4px;
 }
-.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;
@@ -379,6 +397,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;
 }
@@ -604,9 +632,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);
 }
@@ -729,7 +754,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;
@@ -759,9 +784,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;
 }
@@ -1238,7 +1260,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
@@ -1297,6 +1319,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 */
 }
@@ -1304,6 +1329,10 @@
   border-radius: 3px 3px 0px 0px;
   padding-bottom: 4px;
 }
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+  left: -11px;
+  top: 0px !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 */
@@ -1368,13 +1397,14 @@
   font-size: 13px;
 }
 
-.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 {
@@ -1489,6 +1519,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 #400074;
+  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 #400074;
+  box-shadow: #400074;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
+  border-bottom: 1px solid #400074;
+  border-top: 1px solid #400074;
+  box-shadow: #400074;
+}
+
+@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: #757575;
@@ -1541,6 +1594,13 @@
   background: #400074;
   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: #400074;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #29c400;
 }
@@ -1857,6 +1917,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #000;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #6e06f1;