@syncfusion/ej2-gantt 19.3.44 → 19.3.48

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 {

package/styles/gantt/bootstrap-dark.css

@@ -383,23 +383,6 @@
   border-color: transparent;
 }
 
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  padding-left: 12px;
-}
-
-.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;
 }
@@ -738,6 +721,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;
@@ -1030,101 +1017,118 @@
   outline-offset: 2px;
 }
 
-.e-gantt .e-gantt-dialog {
+.e-gantt-dialog .e-tab .e-tab-header {
+  padding-left: 12px;
+}
+
+.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: 0px;
 }
 
-.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: 0px;
 }
 
-.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: 16px 18px 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: 0px;
   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: 6px 6px 0px 0px;
   padding-bottom: 20px;
 }
 
-.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%;
 }
 
@@ -1280,10 +1284,6 @@
   border-radius: 4px;
 }
 
-.e-gantt .e-gantt-splitter-height {
-  height: calc(100% - 41px) !important;
-}
-
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   opacity: .95;
@@ -1315,62 +1315,6 @@
   box-shadow: 0 0 0 1px #248aff inset !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
-  background: #0070f0;
-}
-
-.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: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
-  color: #f0f0f0;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  background: #0070f0;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
-  background: transparent;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
-  background-color: #1a1a1a;
-}
-
-.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: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
-  background: #2a2a2a;
-  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: #f0f0f0;
-}
-
 .e-gantt .e-temp-content {
   border-color: #484848;
 }
@@ -1875,6 +1819,62 @@
   color: #f0f0f0 !important;
 }
 
+.e-gantt-dialog .e-dlg-header {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-dlg-header-content {
+  background: #0070f0;
+}
+
+.e-gantt-dialog .e-icon-dlg-close {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
+  background-color: transparent;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
+  color: #f0f0f0;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header {
+  background: #0070f0;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  background: transparent;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
+  background-color: #1a1a1a;
+}
+
+.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: #fff;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
+  background: #2a2a2a;
+  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: #f0f0f0;
+}
+
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #9e9e9e;