@syncfusion/ej2-gantt 23.2.5 → 24.1.41

package/styles/highcontrast.css

@@ -304,6 +304,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;
 }
@@ -383,7 +399,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;
@@ -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: 20px 0 0 !important;
@@ -410,6 +427,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 */
@@ -439,7 +457,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;
@@ -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;
   border-top: 7px solid #000;
@@ -715,9 +743,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);
 }
@@ -840,7 +865,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;
@@ -870,9 +895,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;
 }
@@ -1349,7 +1371,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
@@ -1408,6 +1430,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 */
 }
@@ -1415,6 +1440,10 @@
   border-radius: 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 */
@@ -1479,13 +1508,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 {
@@ -1601,6 +1631,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 #ffd939;
+  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 #ffd939;
+  box-shadow: #ffd939;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
+  border-bottom: 1px solid #ffd939;
+  border-top: 1px solid #ffd939;
+  box-shadow: #ffd939;
+}
+
+@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: #969696;
@@ -1653,6 +1706,13 @@
   background: rgba(255, 217, 57, 0.7);
   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: #b39828;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #29c400;
 }
@@ -1969,6 +2029,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #000;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #ffd939;

package/styles/material-dark.css

@@ -257,6 +257,22 @@
 .e-bigger .e-gantt .e-grid .e-row .e-input-group {
   margin: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
+.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;
 }
@@ -336,7 +352,8 @@
   padding: 16px 4px 17px 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: 12px !important;
@@ -348,8 +365,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: 14px 0 0 !important;
@@ -363,6 +380,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 550px !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 */
@@ -392,7 +410,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;
@@ -442,6 +460,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;
 }
@@ -667,9 +695,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);
 }
@@ -792,7 +817,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;
@@ -822,9 +847,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;
 }
@@ -1301,7 +1323,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
@@ -1360,6 +1382,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 */
 }
@@ -1367,6 +1392,10 @@
   border-radius: 0px;
   padding-bottom: 4px;
 }
+.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 */
@@ -1431,13 +1460,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 {
@@ -1552,6 +1582,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 #00b0ff;
+  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 #00b0ff;
+  box-shadow: #00b0ff;
+}
+
+.e-gantt .e-gantt-chart .e-chart-root-container .e-content td.e-chart-row-cell.e-childborder {
+  border-bottom: 1px solid #00b0ff;
+  border-top: 1px solid #00b0ff;
+  box-shadow: #00b0ff;
+}
+
+@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: #616161;
@@ -1604,6 +1657,13 @@
   background: rgba(255, 255, 255, 0.28);
   opacity: 0.87;
 }
+.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: #626262;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #00b0ff;
 }
@@ -1920,6 +1980,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #fff;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #3f51b5;

package/styles/material.css

@@ -294,6 +294,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;
 }
@@ -373,7 +389,8 @@
   padding: 16px 14px 17px 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: 12px !important;
@@ -385,8 +402,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: 14px 0 0 !important;
@@ -400,6 +417,7 @@
 }
 .e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
+  width: 550px !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 */
@@ -429,7 +447,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;
@@ -486,6 +504,16 @@
 .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper .e-input-group-icon {
   margin-right: 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;
 }
@@ -711,9 +739,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);
 }
@@ -836,7 +861,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;
@@ -866,9 +891,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;
 }
@@ -1345,7 +1367,7 @@
   border-spacing: 0;
 }
 .e-gantt-dialog .e-item {
-  height: 241px;
+  height: 100%;
 }
 .e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
@@ -1404,6 +1426,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 */
 }
@@ -1411,6 +1436,10 @@
   border-radius: 0px;
   padding-bottom: 4px;
 }
+.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 */
@@ -1475,13 +1504,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 {
@@ -1596,6 +1626,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: #e0e0e0;
@@ -1648,6 +1701,13 @@
   background: rgba(63, 81, 181, 0.15);
   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: #e2e5f4;
+  opacity: 1;
+}
 .e-gantt .e-taskbar-resize-div {
   border-color: #e3165b;
 }
@@ -1964,6 +2024,7 @@
 }
 .e-gantt-dialog .e-dlg-header {
   color: #fff;
+  position: relative;
 }
 .e-gantt-dialog .e-dlg-header-content {
   background: #3f51b5;