@syncfusion/ej2-gantt 20.2.39 → 20.2.45

package/styles/bootstrap4.css

@@ -948,14 +948,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -1007,7 +1006,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -1111,7 +1110,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1504,6 +1503,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/bootstrap5-dark.css

@@ -661,14 +661,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -720,7 +719,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -824,7 +823,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1217,6 +1216,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/bootstrap5.css

@@ -661,14 +661,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -720,7 +719,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -824,7 +823,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1217,6 +1216,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/fabric-dark.css

@@ -577,14 +577,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -636,7 +635,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -740,7 +739,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1133,6 +1132,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/fabric.css

@@ -575,14 +575,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -634,7 +633,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -738,7 +737,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1131,6 +1130,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/fluent-dark.css

@@ -640,14 +640,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -699,7 +698,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -803,7 +802,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1196,6 +1195,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/fluent.css

@@ -640,14 +640,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -699,7 +698,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -803,7 +802,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1196,6 +1195,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/gantt/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('gantt-layout') {
+@include export-module('gantt-layout') {
 
   .e-bigger {
     .e-gantt {
@@ -71,8 +71,7 @@
           background-color: $connector-point-hover-color;
           border-color: $connector-point-border-color;
           outline: 2px solid $connector-point-hover-outerline-color;
-      }
-
+        }
       }
 
       .e-tab .e-content {
@@ -485,7 +484,6 @@
         line-height: 10px;
         vertical-align: middle;
       }
-
     }
 
     .e-gantt-chart {
@@ -521,13 +519,11 @@
           height: 100%;
           position: absolute;
         }
-
       }
 
-
       .e-timeline-header-container {
         border-bottom-style: solid;
-        border-right-width: 0;
+        border-right: 1px solid;
         overflow: hidden;
         position: relative;
         z-index: 6;
@@ -535,7 +531,6 @@
 
       .e-timeline-header-table-container > thead > tr > th {
         border-left: 0;
-        padding: 0 3px;
       }
 
       .e-timeline-header-table-container {
@@ -557,7 +552,7 @@
 
       .e-timeline-header-table-body > tr {
         display: inline-flex;
-       }
+      }
 
       .e-timeline-top-header-cell,
       .e-timeline-single-header-cell {
@@ -586,10 +581,9 @@
         }
 
         .e-gantt-top-cell-text {
-          padding-left: 8px;
+          padding-left: 11px;
           text-align: left;
         }
-
       }
 
       .e-gantt-grid-lines {
@@ -706,7 +700,7 @@
       .e-indicator-span {
         display: inline-block;
         font-size: 13px;
-        font-weight: 400;
+        font-weight: normal;
         overflow: hidden;
         position: absolute;
         text-overflow: ellipsis;
@@ -739,7 +733,7 @@
           border-color: $gantt-active-background-color;
         }
         @else {
-          border-color:  inherit;
+          border-color: inherit;
         }
         border-top-style: dotted;
         border-top-width: 2px;
@@ -1077,9 +1071,7 @@
         outline: 1px solid;
         outline-offset: 2px;
       }
-
     }
-
   }
 
   .e-gantt-dialog .e-tab .e-tab-header {
@@ -1093,7 +1085,6 @@
       border-style: solid;
       border-width: $gantt-tab-header-border-width;
     }
-
   }
 
   .e-gantt-dialog .e-tab .e-tab-header:not(.e-vertical)::before {
@@ -1129,7 +1120,6 @@
       .e-gridheader {
         border-top-width: 0;
       }
-
     }
 
     .e-edit-form-row {
@@ -1178,6 +1168,7 @@
     .e-richtexteditor .e-rte-content {
       border-bottom-width: $gantt-richtext-content-border-bottom;
       height: $gantt-dialog-rte-content-height;
+      overflow: hidden;
     }
 
     > .e-dlg-content {
@@ -1200,7 +1191,6 @@
         height: auto !important; // sass-lint:disable-line no-important
         width: auto !important; // sass-lint:disable-line no-important
       }
-
     }
   }
 
@@ -1229,7 +1219,7 @@
       height: 26px;
       padding: 4px;
       width: 26px;
-     }
+    }
 
     .e-content {
       border-radius: 4px;

package/styles/gantt/_theme.scss

@@ -1,5 +1,5 @@
-
 @include export-module('gantt-theme') {
+
   /*! Gantt theme */
 
   .e-gantt {
@@ -142,12 +142,10 @@
           width: $gantt-collapse-progress-width;
         }
 
-
         .e-collapsed-taskbar-drag {
           background-color: $gantt-child-progress-bar;
         }
 
-
         .e-left-connectorpoint-outer-div {
           display: none;
         }
@@ -259,7 +257,6 @@
         .e-progressbar-handler-after {
           border-bottom-color: $progress-handler-background;
         }
-
       }
 
       .e-gantt-dependency-view-container {
@@ -469,7 +466,6 @@
         .e-task-label {
           color: transparent;
         }
-
       }
 
       .e-predecessor-touch-mode {
@@ -532,7 +528,6 @@
           .e-milestone-bottom {
             border-top-color: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
           }
-
         }
 
         .e-active-connected-task {
@@ -561,11 +556,8 @@
           .e-connector-line-left-arrow {
             border-right-color: $gantt-child-progress-bar !important; // sass-lint:disable-line no-important
           }
-
         }
-
       }
-
     }
 
     .e-icons {
@@ -575,7 +567,6 @@
     .e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
       color: $gantt-context-menu-icon-color !important; // sass-lint:disable-line no-important
     }
-
   }
 
   .e-gantt-dialog {
@@ -598,7 +589,6 @@
       .e-icon-dlg-close {
         color: $gantt-dialog-close-icon-hover-color;
       }
-
     }
 
     .e-tab {
@@ -618,7 +608,6 @@
               color: $gantt-tab-header-active-font-color;
             }
           }
-
         }
 
         .e-toolbar-item {
@@ -629,9 +618,7 @@
             .e-tab-text {
               color: $gantt-tab-header-font-color;
             }
-
           }
-
         }
 
         .e-toolbar-item:not(.e-active) .e-tab-wrap:hover {
@@ -644,13 +631,9 @@
           .e-tab-text {
             color: $gantt-tab-header-hover-font-color;
           }
-
         }
-
       }
-
     }
-
   }
 
   .e-gantt.e-device {
@@ -663,7 +646,6 @@
     .e-backarrowspan {
       color: $gantt-gridpopup-span;
     }
-
   }
 
   .e-gantt .e-gantt-chart .e-criticalconnector-line {

package/styles/gantt/bootstrap-dark.css

@@ -621,14 +621,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -680,7 +679,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -784,7 +783,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1177,6 +1176,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/gantt/bootstrap.css

@@ -765,14 +765,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -824,7 +823,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -928,7 +927,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1321,6 +1320,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/gantt/bootstrap4.css

@@ -948,14 +948,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -1007,7 +1006,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -1111,7 +1110,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1504,6 +1503,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/gantt/bootstrap5-dark.css

@@ -661,14 +661,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -720,7 +719,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -824,7 +823,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1217,6 +1216,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;