@syncfusion/ej2-gantt 19.3.43 → 19.3.47

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;

package/styles/gantt/_theme.scss

@@ -1,5 +1,4 @@
-
-@include export-module('gantt-theme') {
+@include export-module('gantt-theme') {
   /*! Gantt theme */
 
   .e-gantt {
@@ -9,10 +8,6 @@
       border-radius: $gantt-header-border-radius;
     }
 
-    .e-gantt-splitter-height {
-      height: $gantt-splitter-height;
-    }
-
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;
@@ -44,81 +39,6 @@
       box-shadow: $grid-active-container-border !important; // sass-lint:disable-line no-important
     }
 
-    .e-gantt-dialog {
-
-      .e-dlg-header {
-        color: $gantt-dialog-header-font-color;
-      }
-
-      .e-dlg-header-content {
-        background: $gantt-dialog-tab-background;
-      }
-
-      .e-icon-dlg-close {
-        color: $gantt-dialog-icon-color;
-      }
-
-      .e-btn.e-dlg-closeicon-btn:hover {
-        background-color: $gantt-dialog-icon-hover-color;
-
-        .e-icon-dlg-close {
-          color: $gantt-dialog-close-icon-hover-color;
-        }
-
-      }
-
-      .e-tab {
-
-        .e-tab-header {
-          background: $gantt-dialog-tab-background;
-
-          .e-indicator {
-            background: $gantt-tab-selection-indicator-color;
-          }
-
-          .e-toolbar-item.e-active {
-            background-color: $gantt-dialog-active-tab-background;
-
-            .e-tab-wrap {
-              .e-tab-text {
-                color: $gantt-tab-header-active-font-color;
-              }
-            }
-
-          }
-
-          .e-toolbar-item {
-
-            .e-tab-wrap {
-              border-color: $gantt-dialog-tab-header-border-no-color;
-
-              .e-tab-text {
-                color: $gantt-tab-header-font-color;
-              }
-
-            }
-
-          }
-
-          .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
-            background: $gantt-tab-header-hover-color;
-            border-bottom: $gantt-dialog-tab-hover-border-bottom;
-            border-bottom-left-radius: $gantt-dialog-tab-hover-border-bottom-radius;
-            border-bottom-right-radius: $gantt-dialog-tab-hover-border-bottom-radius;
-            border-color: $gantt-dialog-tab-hover-border-color;
-
-            .e-tab-text {
-              color: $gantt-tab-header-hover-font-color;
-            }
-
-          }
-
-        }
-
-      }
-
-    }
-
     .e-temp-content {
       border-color: $gantt-header-border-color;
     }
@@ -656,6 +576,81 @@
 
   }
 
+  .e-gantt-dialog {
+
+    .e-dlg-header {
+      color: $gantt-dialog-header-font-color;
+    }
+
+    .e-dlg-header-content {
+      background: $gantt-dialog-tab-background;
+    }
+
+    .e-icon-dlg-close {
+      color: $gantt-dialog-icon-color;
+    }
+
+    .e-btn.e-dlg-closeicon-btn:hover {
+      background-color: $gantt-dialog-icon-hover-color;
+
+      .e-icon-dlg-close {
+        color: $gantt-dialog-close-icon-hover-color;
+      }
+
+    }
+
+    .e-tab {
+
+      .e-tab-header {
+        background: $gantt-dialog-tab-background;
+
+        .e-indicator {
+          background: $gantt-tab-selection-indicator-color;
+        }
+
+        .e-toolbar-item.e-active {
+          background-color: $gantt-dialog-active-tab-background;
+
+          .e-tab-wrap {
+            .e-tab-text {
+              color: $gantt-tab-header-active-font-color;
+            }
+          }
+
+        }
+
+        .e-toolbar-item {
+
+          .e-tab-wrap {
+            border-color: $gantt-dialog-tab-header-border-no-color;
+
+            .e-tab-text {
+              color: $gantt-tab-header-font-color;
+            }
+
+          }
+
+        }
+
+        .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
+          background: $gantt-tab-header-hover-color;
+          border-bottom: $gantt-dialog-tab-hover-border-bottom;
+          border-bottom-left-radius: $gantt-dialog-tab-hover-border-bottom-radius;
+          border-bottom-right-radius: $gantt-dialog-tab-hover-border-bottom-radius;
+          border-color: $gantt-dialog-tab-hover-border-color;
+
+          .e-tab-text {
+            color: $gantt-tab-header-hover-font-color;
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
   .e-gantt.e-device {
     .e-left-resize-gripper,
     .e-right-resize-gripper {