@syncfusion/ej2-react-gantt 19.3.46 → 19.3.55

package/styles/gantt/bootstrap5.css

@@ -62,6 +62,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -415,23 +416,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: 1px;
-}
-
-.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;
 }
@@ -884,7 +868,7 @@
 .e-gantt .e-gantt-chart .e-right-resize-gripper {
   -ms-flex-align: center;
       align-items: center;
-  cursor: e-resize;
+  cursor: ew-resize;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -1066,101 +1050,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: 1px;
+}
+
+.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: 12px;
 }
 
-.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: 3px 3px 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%;
 }
 
@@ -1316,10 +1317,6 @@
   border-radius: 0px;
 }
 
-.e-gantt .e-gantt-splitter-height {
-  height: calc(100% - 37px) !important;
-}
-
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: .95;
@@ -1351,62 +1348,6 @@
   box-shadow: 0 0 0 1px #ced4da inset !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header {
-  color: #212529;
-}
-
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
-  background: #f8f9fa;
-}
-
-.e-gantt .e-gantt-dialog .e-icon-dlg-close {
-  color: #6c757d;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
-  background-color: #f8f9fa;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
-  color: #6c757d;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  background: #f8f9fa;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header .e-indicator {
-  background: #0d6efd;
-}
-
-.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: #0d6efd;
-}
-
-.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: #495057;
-}
-
-.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: #495057;
-}
-
 .e-gantt .e-temp-content {
   border-color: #dee2e6;
 }
@@ -1911,6 +1852,62 @@
   color: #6c757d !important;
 }
 
+.e-gantt-dialog .e-dlg-header {
+  color: #212529;
+}
+
+.e-gantt-dialog .e-dlg-header-content {
+  background: #f8f9fa;
+}
+
+.e-gantt-dialog .e-icon-dlg-close {
+  color: #6c757d;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
+  background-color: #f8f9fa;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
+  color: #6c757d;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header {
+  background: #f8f9fa;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header .e-indicator {
+  background: #0d6efd;
+}
+
+.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: #0d6efd;
+}
+
+.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: #495057;
+}
+
+.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: #495057;
+}
+
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #ced4da;

package/styles/gantt/fabric-dark.css

@@ -337,23 +337,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;
 }
@@ -806,7 +789,7 @@
 .e-gantt .e-gantt-chart .e-right-resize-gripper {
   -ms-flex-align: center;
       align-items: center;
-  cursor: e-resize;
+  cursor: ew-resize;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -988,101 +971,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%;
 }
 
@@ -1238,10 +1238,6 @@
   border-radius: 0px;
 }
 
-.e-gantt .e-gantt-splitter-height {
-  height: calc(100% - 40px) !important;
-}
-
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
   opacity: .95;
@@ -1273,62 +1269,6 @@
   box-shadow: 0 0 0 1px #dadada inset !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
-  background: #0074cc;
-}
-
-.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: #0074cc;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  background: #0074cc;
-}
-
-.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: #fff;
-}
-
-.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: #f0f0f0;
-}
-
 .e-gantt .e-temp-content {
   border-color: #414040;
 }
@@ -1833,6 +1773,62 @@
   color: #dadada !important;
 }
 
+.e-gantt-dialog .e-dlg-header {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-dlg-header-content {
+  background: #0074cc;
+}
+
+.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: #0074cc;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header {
+  background: #0074cc;
+}
+
+.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: #fff;
+}
+
+.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: #f0f0f0;
+}
+
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #9e9e9e;