@syncfusion/ej2-gantt 23.2.7 → 24.1.43

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

package/styles/gantt/bootstrap5.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: #dee2e6;
@@ -1651,6 +1704,13 @@
   background: #e6eaed;
   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: #e6eaed;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #0d6efd;
 }
@@ -1967,6 +2027,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #212529;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #f8f9fa;

package/styles/gantt/fabric-dark.css

@@ -220,6 +220,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;
 }
@@ -299,7 +315,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;
@@ -311,8 +328,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;
@@ -326,6 +343,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 */
@@ -355,7 +373,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;
@@ -405,6 +423,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;
 }
@@ -630,9 +658,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);
 }
@@ -755,7 +780,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;
@@ -785,9 +810,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;
 }
@@ -1264,7 +1286,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
@@ -1323,6 +1345,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 */
 }
@@ -1330,6 +1355,10 @@
   border-radius: 0px;
   padding-bottom: 4px;
 }
+.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 */
@@ -1394,13 +1423,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 {
@@ -1515,6 +1545,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 #0074cc;
+  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 #0074cc;
+  box-shadow: #0074cc;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
+  border-bottom: 1px solid #0074cc;
+  border-top: 1px solid #0074cc;
+  box-shadow: #0074cc;
+}
+
+@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: #414040;
@@ -1567,6 +1620,13 @@
   background: #514f4f;
   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: #514f4f;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #0074cc;
 }
@@ -1883,6 +1943,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #fff;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #0074cc;