@syncfusion/ej2-gantt 20.1.55 → 20.1.59

package/styles/gantt/_layout.scss

@@ -10,6 +10,76 @@
         .e-timeline-top-header-cell {
           height: $gantt-bigger-timeline-top-header-cell-height;
         }
+
+        .e-taskbar-left-resizer,
+        .e-taskbar-right-resizer {
+          padding-left: 10px;
+          padding-right: 10px;
+          width: 30px;
+        }
+
+        .e-event-markers {
+          .e-span-label {
+            border-radius: $gantt-bigger-event-markers-border-radius;
+            font-size: $gantt-bigger-event-arrow-font-size;
+            height: $gantt-bigger-event-markers-height;
+            padding: $gantt-bigger-event-markers-padding;
+            top: $gantt-bigger-event-markers-top;
+          }
+
+          .e-gantt-right-arrow {
+            border-bottom: $gantt-bigger-event-arrow-bottom;
+            border-right: $gantt-bigger-event-arrow-right;
+            border-right-color: $gantt-bigger-event-arrow-color;
+            border-top: $gantt-bigger-event-arrow-top;
+            top: $gantt-bigger-event-arrow-top-value;
+          }
+        }
+
+        @if($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'tailwind') {
+          .e-left-resize-gripper::before,
+          .e-right-resize-gripper::before {
+            content: '\e888';
+          }
+        }
+        @else {
+          .e-left-resize-gripper::before,
+          .e-right-resize-gripper::before {
+            content: '\e92c';
+          }
+        }
+
+        .e-connectorpoint-right,
+        .e-connectorpoint-left,
+        .e-right-connectorpoint-outer-div,
+        .e-left-connectorpoint-outer-div {
+          border-radius: 50%;
+          display: inline-block;
+          position: absolute;
+        }
+
+        .e-connectorpoint-left-hover,
+        .e-connectorpoint-right-hover {
+          border-style: solid;
+          border-width: 1px;
+          box-sizing: content-box;
+          cursor: pointer;
+          display: inline-block;
+        }
+
+        .e-connectorpoint-left-hover,
+        .e-connectorpoint-right-hover {
+          background-color: $connector-point-hover-color;
+          border-color: $connector-point-border-color;
+        }
+
+        .e-connectorpoint-left-hover:hover,
+        .e-connectorpoint-right-hover:hover {
+          background-color: $connector-point-hover-color;
+          border-color: $connector-point-border-color;
+          outline: 2px solid $connector-point-hover-outerline-color;
+      }
+
       }
 
       .e-gantt-tree-grid-pane {
@@ -21,6 +91,36 @@
       }
     }
 
+    .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+      background-color: $gantt-bigger-tooltip-button-color;
+      border-color: $gantt-bigger-tooltip-button-color;
+      color: $gantt-bigger-tooltip-button-text-color;
+      font-size: 12px;
+      line-height: 18px;
+      padding: 0 8px 0 0;
+    }
+
+    .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
+      background-color: $gantt-bigger-tooltip-button-color;
+      border-color: $gantt-bigger-tooltip-button-color;
+      color: $gantt-bigger-tooltip-button-text-color;
+      font-size: 12px;
+      line-height: 18px;
+      padding: 0 0 0 8px;
+    }
+
+    .e-tooltip-wrap .e-tip-content {
+      padding: 3px !important; // sass-lint:disable-line no-important 
+    }
+
+    .e-grid .e-flmenu-valuediv {
+      padding: $gantt-bigger-filter-dialog-input-padding;
+    }
+
+    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
+      padding: 0 16px !important; // sass-lint:disable-line no-important
+    }
+
     .e-columnmenu {
       @if $skin-name == 'bootstrap5-dark' or $skin-name == 'tailwind-dark' {
         top: 35px;
@@ -34,6 +134,9 @@
     }
 
     .e-gantt-dialog {
+      border-radius: 6px;
+      width: $gantt-bigger-dialog-width;
+
       .e-edit-form-column:nth-child(odd) {
         padding: $gantt-bigger-dialog-edit-form-odd-padding;
       }
@@ -45,6 +148,190 @@
       .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
         padding: $gantt-bigger-dialog-edit-form-scroll-padding;
       }
+
+      .e-edit-form-row {
+        height: $gantt-bigger-add-dialog-content-height;
+      }
+
+      .e-edit-form-column {
+        height: $gantt-bigger-add-dialog-input-height;
+      }
+
+      .e-dlg-header-content {
+        border-bottom: 0 !important; // sass-lint:disable-line no-important
+      }
+
+      > .e-dlg-content {
+        border-radius: 0 !important; // sass-lint:disable-line no-important
+      }
+
+      .e-dlg-header-content {
+        border-radius: $gantt-bigger-dialog-border-radius;
+        padding-bottom: $gantt-dialog-padding-bottom;
+
+        .e-btn.e-dlg-closeicon-btn {
+          border-radius: 50%;
+          height: auto !important; // sass-lint:disable-line no-important
+          width: auto !important; // sass-lint:disable-line no-important
+        }
+      }
+
+      .e-tab {
+        .e-tab-header .e-toolbar-item.e-active {
+          margin-left: $gantt-bigger-dialog-tab-padding-left;
+        }
+      }
+
+      @if($skin-name == 'bootstrap4') {
+        .e-icon-dlg-close {
+          color: $gantt-bigger-dialog-icon-color;
+        }
+      }
+    }
+
+    @if($skin-name == 'material') {
+      .e-datetime-wrapper .e-input-group-icon.e-time-icon {
+        margin: 5px 0 6px !important; // sass-lint:disable-line no-important
+      }
+
+      .e-input-group.e-control-wrapper .e-input-group-icon {
+        margin-right: 0 !important; // sass-lint:disable-line no-important 
+      }
+    }
+
+    @if($skin-name == 'tailwind') {
+      .e-input-group.e-control-wrapper .e-input-group-icon {
+        padding: 7px 0 !important; // sass-lint:disable-line no-important 
+      }
+    }
+
+    .e-control-wrapper .e-input-group-icon.e-date-icon {
+      font-size: 16px !important; // sass-lint:disable-line no-important
+    }
+
+    .e-float-input.e-control-wrapper {
+      width: $gantt-bigger-add-dialog-input-width;
+      }
+
+    .e-predecessor-tooltip {
+      background-color: $gantt-bigger-tooltip-button-color;
+    }
+
+    .e-predecessor-dialog {
+      background-color: $gantt-bigger-tooltip-dialog-color;
+
+      .e-dlg-content {
+        background-color: $gantt-bigger-tooltip-dialog-color;
+        padding: $gantt-bigger-predecessor-dialog-padding;
+      }
+    }
+
+    .e-dialog {
+      .e-dlg-header-content {
+        padding: $gantt-bigger-dialog-header-padding; // sass-lint:disable-line no-important
+
+        .e-btn.e-dlg-closeicon-btn {
+          left: $gantt-bigger-dialog-close-button-left;
+        }
+      }
+
+      @if($skin-name == 'tailwind') {
+        .e-dlg-header-content {
+          height: 68px !important; // sass-lint:disable-line no-important 
+        }
+      }
+
+      .e-btn .e-btn-icon.e-icon-dlg-close {
+        font-size: $gantt-bigger-dialog-close-button-size;
+      }
+
+      .e-footer-content {
+        height: $gantt-bigger-filter-dialog-footer-height;
+        padding: $gantt-bigger-filter-dialog-footer-padding;
+
+        .e-btn {
+          margin-left: 12px;
+        }
+      }
+
+      .e-dlg-header {
+        line-height: 28px;
+      }
+    }
+
+    .e-tab .e-content {
+      height: $gantt-bigger-add-dialog-content-height;
+    }
+
+    .e-filter-popup {
+      width: $gantt-bigger-filter-dialog-width;
+    }
+
+    .e-dlg-content {
+      border-radius: $gantt-dialog-bigger-border-radius;
+      padding: $gantt-dialog-bigger-input-padding-field;
+    }
+
+    .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text {
+      font-size: 14px;
+      line-height: 22px;
+    }
+
+    .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text {
+      font-size: 14px;
+      line-height: 22px;
+    }
+
+    .e-float-input.e-control-wrapper input {
+      height: $gantt-bigger-dialog-input-field-height;
+
+      @if($skin-name == 'material') {
+        padding: 5px 0 11px !important; // sass-lint:disable-line no-important
+      }
+    }
+
+    .e-left-btn:disabled {
+      color: $gantt-bigger-tooltip-disabled-button-color;
+    }
+
+    .e-right-btn:disabled {
+      color: $gantt-bigger-tooltip-disabled-button-color;
+    }
+
+    .e-input-group-icon.e-date-icon {
+      min-width: 36px !important; // sass-lint:disable-line no-important
+    }
+
+    .e-control-wrapper .e-input-group-icon.e-date-icon {
+      min-height: $gantt-bigger-dialog-input-icon;
+      min-width: 35.82px !important; // sass-lint:disable-line no-important
+    }
+
+    .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+      min-height: $gantt-bigger-dialog-input-icon;
+      min-width: 35.82px !important; // sass-lint:disable-line no-important
+    }
+
+    .e-control-wrapper .e-input-group-icon.e-time-icon {
+      min-height: $gantt-bigger-dialog-input-icon;
+      min-width: 35.82px !important; // sass-lint:disable-line no-important
+    }
+
+    .e-input-group.e-control-wrapper {
+      height: $gantt-dialog-bigger-input-field;
+    }
+
+    .e-datetime-wrapper .e-time-icon.e-icons::before {
+      font-size: 16px !important; // sass-lint:disable-line no-important
+    }
+
+    .e-btn.e-flat {
+      line-height: 24px;
+      padding: 6px 16px 6px 15px !important; // sass-lint:disable-line no-important
+    }
+
+    .e-btn.e-primary {
+      padding: 6px 21px 6px 23px !important; // sass-lint:disable-line no-important
     }
   }
 
@@ -235,10 +522,12 @@
         }
 
         .e-holiday-container {
+          height: 100%;
           position: absolute;
         }
 
         .e-weekend-container {
+          height: 100%;
           position: absolute;
         }
 
@@ -522,24 +811,22 @@
         cursor: col-resize;
 
         .e-progressbar-handler {
-          border-style: solid;
           border-width: 1px;
           box-sizing: content-box;
           cursor: col-resize;
           height: 2px;
           position: absolute;
           top: 7px;
-          width: 12px;
         }
 
         .e-progressbar-handler-element {
           border-bottom-style: solid;
-          border-bottom-width: 6px;
+          border-bottom-width: 8px;
           border-left: 7px solid transparent;
           border-right: 7px solid transparent;
           cursor: col-resize;
           height: 0;
-          left: -1px;
+          left: 0;
           position: absolute;
           top: -7px;
           width: 0;
@@ -547,14 +834,14 @@
 
         .e-progressbar-handler-after {
           border-bottom-style: solid;
-          border-bottom-width: 6px;
+          border-bottom-width: 8px;
           border-left: 6px solid transparent;
           border-right: 6px solid transparent;
           cursor: col-resize;
           height: 0;
-          left: -1px;
+          left: 1px;
           position: absolute;
-          top: -6px;
+          top: -7px;
           width: 0;
         }
       }
@@ -1075,4 +1362,8 @@
       }
     }
   }
+
+  .e-predecessor-tooltip {
+    visibility: hidden;
+  }
 }

package/styles/gantt/_material-dark-definition.scss

@@ -10,6 +10,7 @@ $progress-handler-outline: #fff !default;
 $progress-handler-background: #222 !default;
 $holiday-label-color: $grey-dark-font !default;
 $holiday-label-font-size: 12px !default;
+$connector-point-hover-outerline-color: #9fa8da !default;
 $weekend-background: $grey-800 !default;
 $event-marker-line-color: $accent !default;
 $event-marker-label-color: #cae8ff !default;
@@ -21,7 +22,7 @@ $event-marker-label-arrow-top: 60px !default;
 $connector-line-color: lighten($primary, 15%) !default;
 $connector-line-hover-color: lighten($primary, 15%) !default;
 $connector-false-line-color: lighten($primary, 15%) !default;
-$connector-point-hover-color: $grey-300 !default;
+$connector-point-hover-color: #005a9e !default;
 $connector-point-border-color: $grey-dark !default;
 $connector-point-hover-bg-color: $grey-700 !default;
 $connector-point-hover-border-color: lighten($primary, 15%) !default;
@@ -76,9 +77,46 @@ $gantt-dialog-general-height: 241px !default;
 $gantt-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
 $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
 $gantt-dialog-edit-form-scroll-padding: 16px 16px 0 0 !default;
-$gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
-$gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
-$gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
+$gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
+$gantt-bigger-tooltip-button-color: #000000;
+$gantt-bigger-tooltip-dialog-color: #f3f3f3;
+$gantt-bigger-tooltip-button-text-color: #FFFFFF;
+$gantt-bigger-tooltip-disabled-button-color: #757575 !important;
+$gantt-bigger-dialog-edit-form-odd-padding: 16px 9px 0 16px !default;
+$gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 9px !default;
+$gantt-bigger-dialog-close-button-left: 1px !important;
+$gantt-bigger-dialog-close-button-size: 12px !important;
+$gantt-bigger-dialog-edit-form-odd-padding: 16px 9px 0 16px !default;
+$gantt-bigger-dialog-header-padding: 16px 4px 17px 16px !important;
+$gantt-bigger-add-dialog-content-height: 241px !important;
+$gantt-bigger-event-arrow-color: #cae8ff;
+$gantt-bigger-event-arrow-font-size: 12px !important;
+$gantt-bigger-event-markers-border-radius: 4px !important;
+$gantt-bigger-event-markers-height: 26px !important;
+$gantt-bigger-event-arrow-bottom: 6px solid transparent;
+$gantt-bigger-event-arrow-right: 6px solid transparent;
+$gantt-bigger-event-arrow-top: 6px solid transparent;
+$gantt-bigger-event-arrow-top-value: 73px !important;
+$gantt-bigger-event-markers-top: 65px !important;
+$gantt-bigger-event-markers-padding: 4px 12px 4px 9px !important;
+$gantt-bigger-add-dialog-input-height: 78px !important;
+$gantt-bigger-add-dialog-input-width: 250px !important;
+$gantt-bigger-add-dialog-input-field-width: 175px !default;
+$gantt-bigger-filter-dialog-footer-padding: 16px !important;
+$gantt-bigger-add-dialog-footer-padding: 16px !important;
+$gantt-bigger-filter-dialog-footer-height: 70px !important;
+$gantt-bigger-filter-dialog-input-padding: 14px 0 0 !important;
+$gantt-bigger-add-dialog-footer-height: 70px !important;
+$gantt-bigger-dialog-width: 550px !important;
+$gantt-bigger-filter-dialog-width: 350px !important;
+$gantt-dialog-bigger-input-field: 44px !default;
+$gantt-dialog-bigger-input-padding-field: 20px 16px 6px 16px !important;
+$gantt-bigger-dialog-input-field-height: 27px !important;
+$gantt-bigger-dialog-input-icon: 26px !important;
+$gantt-dialog-bigger-border-radius: 6px !important;
+$gantt-bigger-dialog-tab-padding-left: 4px !important;
+$gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
+$gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
 $gantt-dialog-dependent-height: 153px !default;
 $gantt-dialog-resource-height: 196px !default;
 $gantt-dialog-rte-height: 241px !default;

package/styles/gantt/_material-definition.scss

@@ -11,6 +11,7 @@ $progress-handler-background: #222 !default;
 $holiday-label-color: rgba(0, 0, 0, .87) !default;
 $holiday-label-font-size: 12px !default;
 $weekend-background: #fafafa !default;
+$connector-point-hover-outerline-color: #9fa8da !default;
 $event-marker-line-color: $accent !default;
 $event-marker-label-color: #fdbf64 !default;
 $event-marker-label-font-color: #212121 !default;
@@ -21,7 +22,7 @@ $event-marker-label-arrow-top: 60px !default;
 $connector-line-color: $primary !default;
 $connector-line-hover-color: $primary !default;
 $connector-false-line-color: $primary !default;
-$connector-point-hover-color: #333 !default;
+$connector-point-hover-color: #005a9e !default;
 $connector-point-border-color: #fff !default;
 $connector-point-hover-bg-color: $grey-400 !default;
 $connector-point-hover-border-color: $primary !default;
@@ -76,9 +77,46 @@ $gantt-dialog-general-height: 241px !default;
 $gantt-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
 $gantt-dialog-edit-form-even-padding: 16px 16px 0 0 !default;
 $gantt-dialog-edit-form-scroll-padding: 16px 16px 0 0 !default;
-$gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
-$gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
-$gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
+$gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
+$gantt-bigger-tooltip-button-color: #000000;
+$gantt-bigger-tooltip-dialog-color: #f3f3f3;
+$gantt-bigger-tooltip-button-text-color: #FFFFFF;
+$gantt-bigger-tooltip-disabled-button-color: #757575 !important;
+$gantt-bigger-dialog-edit-form-odd-padding: 16px 9px 0 16px !default;
+$gantt-bigger-dialog-edit-form-even-padding: 16px 16px 0 9px !default;
+$gantt-bigger-dialog-close-button-left: 1px !important;
+$gantt-bigger-dialog-close-button-size: 12px !important;
+$gantt-bigger-dialog-edit-form-odd-padding: 16px 9px 0 16px !default;
+$gantt-bigger-dialog-header-padding: 16px 14px 17px 16px !important;
+$gantt-bigger-add-dialog-content-height: 241px !important;
+$gantt-bigger-event-arrow-color: #cae8ff;
+$gantt-bigger-event-arrow-font-size: 12px !important;
+$gantt-bigger-event-markers-border-radius: 4px !important;
+$gantt-bigger-event-markers-height: 26px !important;
+$gantt-bigger-event-arrow-bottom: 6px solid transparent;
+$gantt-bigger-event-arrow-right: 6px solid transparent;
+$gantt-bigger-event-arrow-top: 6px solid transparent;
+$gantt-bigger-event-arrow-top-value: 73px !important;
+$gantt-bigger-event-markers-top: 65px !important;
+$gantt-bigger-event-markers-padding: 4px 12px 4px 9px !important;
+$gantt-bigger-add-dialog-input-height: 78px !important;
+$gantt-bigger-add-dialog-input-width: 250px !important;
+$gantt-bigger-add-dialog-input-field-width: 175px !default;
+$gantt-bigger-filter-dialog-footer-padding: 16px !important;
+$gantt-bigger-add-dialog-footer-padding: 16px !important;
+$gantt-bigger-filter-dialog-footer-height: 70px !important;
+$gantt-bigger-filter-dialog-input-padding: 14px 0 0 !important;
+$gantt-bigger-add-dialog-footer-height: 70px !important;
+$gantt-bigger-dialog-width: 550px !important;
+$gantt-bigger-filter-dialog-width: 350px !important;
+$gantt-dialog-bigger-input-field: 44px !default;
+$gantt-dialog-bigger-input-padding-field: 20px 16px 6px 16px !important;
+$gantt-bigger-dialog-input-field-height: 27px !important;
+$gantt-bigger-dialog-input-icon: 26px !important;
+$gantt-dialog-bigger-border-radius: 6px !important;
+$gantt-bigger-dialog-tab-padding-left: 4px !important;
+$gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
+$gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
 $gantt-dialog-dependent-height: 153px !default;
 $gantt-dialog-resource-height: 196px !default;
 $gantt-dialog-rte-height: 241px !default;

package/styles/gantt/_tailwind-definition.scss

@@ -12,12 +12,13 @@ $progress-handler-background: $content-text-color !default;
 $holiday-label-color: $content-text-color-alt2 !default;
 $weekend-background: $content-bg-color-alt2 !default;
 $event-marker-line-color: $primary !default;
+$connector-point-hover-outerline-color: #818cf8 !default;
 $event-marker-label-color: $warning-light !default;
 $event-marker-label-font-color: $warning !default;
 $connector-line-color: $primary !default;
 $connector-line-hover-color: $primary !default;
 $connector-false-line-color: $primary !default;
-$connector-point-hover-color: $icon-color !default;
+$connector-point-hover-color: #4f46e5 !default;
 $connector-point-border-color: $content-bg-color !default;
 $connector-point-hover-bg-color: $icon-color-hover !default;
 $connector-point-hover-border-color: $content-bg-color !default;
@@ -113,9 +114,46 @@ $gantt-dialog-general-height: 240px !default;
 $gantt-dialog-edit-form-odd-padding: 12px 12px 0 19px !default;
 $gantt-dialog-edit-form-even-padding: 12px 19px 0 0 !default;
 $gantt-dialog-edit-form-scroll-padding: 12px 15px 0 0 !default;
-$gantt-bigger-dialog-edit-form-odd-padding: 16px 18px 0 18px !default;
-$gantt-bigger-dialog-edit-form-even-padding: 16px 18px 0 0 !default;
-$gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 0 !default;
+$gantt-bigger-predecessor-dialog-padding: 10px 9px 9px 14px !important;
+$gantt-bigger-tooltip-button-color: #000000;
+$gantt-bigger-tooltip-dialog-color: #f9fafb;
+$gantt-bigger-tooltip-button-text-color: #FFFFFF;
+$gantt-bigger-tooltip-disabled-button-color: #9CA3Af !important;
+$gantt-bigger-dialog-edit-form-odd-padding: 16px 8px 0 24px !default;
+$gantt-bigger-dialog-edit-form-even-padding: 16px 24px 0 8px !default;
+$gantt-bigger-dialog-close-button-left: -2px !important;
+$gantt-bigger-dialog-close-button-size: 16px !important;
+$gantt-bigger-dialog-edit-form-odd-padding: 16px 8px 0 24px !default;
+$gantt-bigger-dialog-header-padding: 16px 4px 16px 24px !important;
+$gantt-bigger-add-dialog-content-height: 242px !important;
+$gantt-bigger-event-arrow-color: #FFEDD5;
+$gantt-bigger-event-arrow-font-size: 12px !important;
+$gantt-bigger-event-markers-border-radius: 4px !important;
+$gantt-bigger-event-markers-height: 26px !important;
+$gantt-bigger-event-arrow-bottom: 6px solid transparent;
+$gantt-bigger-event-arrow-right: 6px solid transparent;
+$gantt-bigger-event-arrow-top: 6px solid transparent;
+$gantt-bigger-event-arrow-top-value: 43px !important;
+$gantt-bigger-event-markers-top: 36px !important;
+$gantt-bigger-event-markers-padding: 4px 8px 4px 8px !important;
+$gantt-bigger-add-dialog-input-height: 75px !important;
+$gantt-bigger-add-dialog-input-width: 250px !important;
+$gantt-bigger-add-dialog-input-field-width: 175px !default;
+$gantt-bigger-filter-dialog-footer-padding: 12px 24px 12px 12px !important;
+$gantt-bigger-add-dialog-footer-padding: 12px 24px 12px 24px !important;
+$gantt-bigger-filter-dialog-footer-height: 62px !important;
+$gantt-bigger-add-dialog-footer-height: 70px !important;
+$gantt-bigger-filter-dialog-input-padding: 24px 0 0 !important;
+$gantt-bigger-dialog-width: 564px !important;
+$gantt-bigger-filter-dialog-width: 319px !important;
+$gantt-dialog-bigger-input-field: 38px !default;
+$gantt-dialog-bigger-input-padding-field: 23px 24px 15px 24px !important;
+$gantt-bigger-dialog-input-field-height: 36px !important;
+$gantt-bigger-dialog-input-icon: 18px !important;
+$gantt-dialog-bigger-border-radius: 6px !important;
+$gantt-bigger-dialog-tab-padding-left: 12px !important;
+$gantt-bigger-dialog-border-radius: 6px 6px 0px 0px !default;
+$gantt-bigger-dialog-edit-form-scroll-padding: 16px 18px 0 9px !default;
 $gantt-dialog-dependent-height: 157px !default;
 $gantt-dialog-resource-height: 200px !default;
 $gantt-dialog-rte-height: 259px !default;