@syncfusion/ej2-gantt 19.3.44 → 19.3.48

package/styles/fabric.css

@@ -335,23 +335,6 @@
   border-color: transparent;
 }
 
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  padding-left: 13px;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
-  display: block;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-  border-style: solid;
-  border-width: 0px;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
-  border: 0;
-}
-
 .e-gantt .e-gantt-tree-grid-pane .e-grid {
   border-width: 0;
 }
@@ -690,6 +673,10 @@
           user-select: none;
 }
 
+.e-gantt .e-gantt-chart .e-chart-rows-container {
+  line-height: initial;
+}
+
 .e-gantt .e-gantt-chart .e-taskbar-left-resizer,
 .e-gantt .e-gantt-chart .e-taskbar-right-resizer {
   display: inline-block;
@@ -982,101 +969,118 @@
   outline-offset: 2px;
 }
 
-.e-gantt .e-gantt-dialog {
+.e-gantt-dialog .e-tab .e-tab-header {
+  padding-left: 13px;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  display: block;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
+  border-style: solid;
+  border-width: 0px;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
   border: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-gridform .e-table {
+.e-gantt-dialog {
+  border: 0;
+}
+
+.e-gantt-dialog .e-gridform .e-table {
   border-spacing: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-item {
+.e-gantt-dialog .e-item {
   height: 241px;
 }
 
-.e-gantt .e-gantt-dialog .e-dependent-div {
+.e-gantt-dialog .e-dependent-div {
   border-bottom-width: 1px;
 }
 
-.e-gantt .e-gantt-dialog .e-icon-dlg-close {
+.e-gantt-dialog .e-icon-dlg-close {
   opacity: initial;
 }
 
-.e-gantt .e-gantt-dialog .e-toolbar {
+.e-gantt-dialog .e-toolbar {
   border-top-width: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-resource-div {
+.e-gantt-dialog .e-resource-div {
   border-bottom-width: 1px;
 }
 
-.e-gantt .e-gantt-dialog .e-resource-div .e-gridheader {
+.e-gantt-dialog .e-resource-div .e-gridheader {
   border-top-width: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-row {
+.e-gantt-dialog .e-edit-form-row {
   height: 241px;
   overflow-y: auto;
   padding-bottom: 16px;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
+.e-gantt-dialog .e-edit-form-column:nth-child(odd) {
   float: left;
   padding: 15px 20px 0 18px;
   width: 50%;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-column:nth-child(even) {
+.e-gantt-dialog .e-edit-form-column:nth-child(even) {
   float: left;
   padding: 16px 16px 0 0;
   width: 50%;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
+.e-gantt-dialog .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
   padding: 16px 16px 0 0;
 }
 
-.e-gantt .e-gantt-dialog .e-edit-form-column {
+.e-gantt-dialog .e-edit-form-column {
   height: 75px;
 }
 
-.e-gantt .e-gantt-dialog .e-dependent-div .e-content {
+.e-gantt-dialog .e-dependent-div .e-content {
   height: 161px;
 }
 
-.e-gantt .e-gantt-dialog .e-resource-div .e-content {
+.e-gantt-dialog .e-resource-div .e-content {
   height: 202px;
 }
 
-.e-gantt .e-gantt-dialog .e-richtexteditor {
+.e-gantt-dialog .e-richtexteditor {
   border-bottom-width: 1px;
   height: 241px !important;
   overflow: hidden;
 }
 
-.e-gantt .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
+.e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
   border-top: 0;
 }
 
-.e-gantt .e-gantt-dialog .e-richtexteditor .e-rte-content {
+.e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
 }
 
-.e-gantt .e-gantt-dialog > .e-dlg-content {
+.e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
+.e-gantt-dialog .e-dlg-header-content {
   border-bottom: 0 !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
+.e-gantt-dialog .e-dlg-header-content {
   border-radius: 0px;
   padding-bottom: 4px;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+.e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
 }
 
@@ -1232,10 +1236,6 @@
   border-radius: 0px;
 }
 
-.e-gantt .e-gantt-splitter-height {
-  height: calc(100% - 40px) !important;
-}
-
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   opacity: .95;
@@ -1267,62 +1267,6 @@
   box-shadow: 0 0 0 1px #666 inset !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
-  background: #0078d6;
-}
-
-.e-gantt .e-gantt-dialog .e-icon-dlg-close {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
-  background-color: #eaeaea;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
-  color: #0078d6;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  background: #0078d6;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
-  background: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
-  background-color: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-  border-color: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
-  color: rgba(255, 255, 255, 0.8);
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
-  background: transparent;
-  border-bottom: 0px;
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-  border-color: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
-  color: white;
-}
-
 .e-gantt .e-temp-content {
   border-color: #eaeaea;
 }
@@ -1827,6 +1771,62 @@
   color: #666 !important;
 }
 
+.e-gantt-dialog .e-dlg-header {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-dlg-header-content {
+  background: #0078d6;
+}
+
+.e-gantt-dialog .e-icon-dlg-close {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
+  background-color: #eaeaea;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
+  color: #0078d6;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header {
+  background: #0078d6;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  background: #fff;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
+  background-color: transparent;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
+  border-color: transparent;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
+  background: transparent;
+  border-bottom: 0px;
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+  border-color: transparent;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover .e-tab-text {
+  color: white;
+}
+
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #9e9e9e;

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

@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
 $gantt-header-border-radius: 4px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 41px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_bootstrap-definition.scss

@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
 $gantt-header-border-radius: 4px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 41px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_bootstrap4-definition.scss

@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 38px) !important;
 $gantt-dialog-general-padding-bottom: 12px !default;
 $gantt-filter-menu-value-div-padding: 16px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_bootstrap5-definition.scss

@@ -142,7 +142,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 37px) !important;
 $gantt-dialog-general-padding-bottom: 12px !default;
 $gantt-filter-menu-value-div-padding: 16px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

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

@@ -118,7 +118,6 @@ $gantt-header-border-bottom-width: 1px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 40px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_fabric-definition.scss

@@ -118,7 +118,6 @@ $gantt-header-border-bottom-width: 1px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 40px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_highcontrast-definition.scss

@@ -118,7 +118,6 @@ $progress-handler-outline: #fff !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 40px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_highcontrast-light-definition.scss

@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 42px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_layout.scss

@@ -105,24 +105,6 @@
       }
     }
 
-    .e-gantt-dialog .e-tab .e-tab-header {
-      padding-left: $gantt-dialog-tab-padding-left;
-
-      .e-indicator {
-        display: block;
-      }
-
-      .e-toolbar-item .e-tab-wrap {
-        border-style: solid;
-        border-width: $gantt-tab-header-border-width;
-      }
-
-    }
-
-    .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
-      border: 0;
-    }
-
     .e-gantt-tree-grid-pane {
       .e-grid {
         border-width: 0;
@@ -310,7 +292,7 @@
           border-bottom-width: 1px;
         }
 
-        @if $tab-skin == 'tailwind' or $tab-skin == 'tailwind-dark' {
+        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
           line-height: normal;
         }
       }
@@ -456,6 +438,10 @@
         user-select: none;
       }
 
+      .e-chart-rows-container {
+        line-height: initial;
+      }
+
       .e-taskbar-left-resizer,
       .e-taskbar-right-resizer {
         display: inline-block;
@@ -661,7 +647,7 @@
       }
 
       .e-connector-line-z-index {
-        @if $tab-skin == 'tailwind' or $tab-skin == 'tailwind-dark' {
+        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
           z-index: 2;
         }
         @else {
@@ -756,107 +742,126 @@
 
     }
 
-    .e-gantt-dialog {
+  }
 
-      border: 0;
+  .e-gantt-dialog .e-tab .e-tab-header {
+    padding-left: $gantt-dialog-tab-padding-left;
 
-      .e-gridform .e-table {
-        border-spacing: 0;
-      }
+    .e-indicator {
+      display: block;
+    }
 
-      .e-item {
-        height: $gantt-dialog-general-height;
-      }
+    .e-toolbar-item .e-tab-wrap {
+      border-style: solid;
+      border-width: $gantt-tab-header-border-width;
+    }
 
-      .e-dependent-div {
-        border-bottom-width: $gantt-depedent-div-border-bottom;
-      }
+  }
 
-      .e-icon-dlg-close {
-        opacity: initial;
-      }
+  .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
+    border: 0;
+  }
 
-      .e-toolbar {
-        border-top-width: 0;
-      }
+  .e-gantt-dialog {
+    border: 0;
 
-      .e-resource-div {
-        border-bottom-width: $gantt-resource-div-border-bottom;
+    .e-gridform .e-table {
+      border-spacing: 0;
+    }
 
-        .e-gridheader {
-          border-top-width: 0;
-        }
+    .e-item {
+      height: $gantt-dialog-general-height;
+    }
 
-      }
+    .e-dependent-div {
+      border-bottom-width: $gantt-depedent-div-border-bottom;
+    }
 
-      .e-edit-form-row {
-        height: $gantt-dialog-general-height;
-        overflow-y: auto;
-        padding-bottom: $gantt-dialog-general-padding-bottom;
-      }
+    .e-icon-dlg-close {
+      opacity: initial;
+    }
 
-      .e-edit-form-column:nth-child(odd) {
-        float: left;
-        padding: $gantt-dialog-edit-form-odd-padding;
-        width: 50%;
-      }
+    .e-toolbar {
+      border-top-width: 0;
+    }
 
-      .e-edit-form-column:nth-child(even) {
-        float: left;
-        padding: $gantt-dialog-edit-form-even-padding;
-        width: 50%;
-      }
+    .e-resource-div {
+      border-bottom-width: $gantt-resource-div-border-bottom;
 
-      .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
-        padding: $gantt-dialog-edit-form-scroll-padding;
+      .e-gridheader {
+        border-top-width: 0;
       }
 
-      .e-edit-form-column {
-        height: 75px;
-      }
+    }
 
-      .e-dependent-div .e-content {
-        height: $gantt-dialog-dependent-height;
-      }
+    .e-edit-form-row {
+      height: $gantt-dialog-general-height;
+      overflow-y: auto;
+      padding-bottom: $gantt-dialog-general-padding-bottom;
+    }
 
-      .e-resource-div .e-content {
-        height: $gantt-dialog-resource-height;
-      }
+    .e-edit-form-column:nth-child(odd) {
+      float: left;
+      padding: $gantt-dialog-edit-form-odd-padding;
+      width: 50%;
+    }
 
-      .e-richtexteditor {
-        border-bottom-width: $gantt-richtext-border-bottom;
-        height: $gantt-dialog-rte-height !important; // sass-lint:disable-line no-important
-        overflow: hidden;
-      }
+    .e-edit-form-column:nth-child(even) {
+      float: left;
+      padding: $gantt-dialog-edit-form-even-padding;
+      width: 50%;
+    }
 
-      .e-richtexteditor.e-rte-tb-expand {
-        border-top: 0;
-      }
+    .e-edit-form-row.e-scroll .e-edit-form-column:nth-child(even) {
+      padding: $gantt-dialog-edit-form-scroll-padding;
+    }
 
-      .e-richtexteditor .e-rte-content {
-        border-bottom-width: $gantt-richtext-content-border-bottom;
-        height: $gantt-dialog-rte-content-height;
-      }
+    .e-edit-form-column {
+      height: 75px;
+    }
 
-      > .e-dlg-content {
-        padding: 0 !important; // sass-lint:disable-line no-important
-        @if $tab-skin == 'tailwind' or $tab-skin == 'tailwind-dark' {
-          height: 291px;
-        }
-      }
+    .e-dependent-div .e-content {
+      height: $gantt-dialog-dependent-height;
+    }
+
+    .e-resource-div .e-content {
+      height: $gantt-dialog-resource-height;
+    }
+
+    .e-richtexteditor {
+      border-bottom-width: $gantt-richtext-border-bottom;
+      height: $gantt-dialog-rte-height !important; // sass-lint:disable-line no-important
+      overflow: hidden;
+    }
 
-      .e-dlg-header-content {
-        border-bottom: 0 !important; // sass-lint:disable-line no-important
+    .e-richtexteditor.e-rte-tb-expand {
+      border-top: 0;
+    }
+
+    .e-richtexteditor .e-rte-content {
+      border-bottom-width: $gantt-richtext-content-border-bottom;
+      height: $gantt-dialog-rte-content-height;
+    }
+
+    > .e-dlg-content {
+      padding: 0 !important; // sass-lint:disable-line no-important
+      @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
+        height: 291px;
       }
+    }
 
-      .e-dlg-header-content {
-        border-radius: $gantt-dialog-border-radius;
-        padding-bottom: $gantt-dialog-padding-bottom;
+    .e-dlg-header-content {
+      border-bottom: 0 !important; // sass-lint:disable-line no-important
+    }
 
-        .e-btn.e-dlg-closeicon-btn {
-          border-radius: 50%;
-        }
+    .e-dlg-header-content {
+      border-radius: $gantt-dialog-border-radius;
+      padding-bottom: $gantt-dialog-padding-bottom;
+
+      .e-btn.e-dlg-closeicon-btn {
+        border-radius: 50%;
       }
+
     }
   }
 

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

@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 42px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_material-definition.scss

@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 42px) !important;
 $gantt-dialog-general-padding-bottom: 16px !default;
 $gantt-filter-menu-value-div-padding: 24px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;

package/styles/gantt/_tailwind-definition.scss

@@ -140,7 +140,6 @@ $gantt-timeline-top-header-cell-height: 24px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;
-$gantt-splitter-height: calc(100% - 38px) !important;
 $gantt-dialog-general-padding-bottom: 12px !default;
 $gantt-filter-menu-value-div-padding: 18px !default;
 $gantt-dialog-tab-hover-border-bottom: 0px !default;