@syncfusion/ej2-gantt 19.3.45 → 19.3.53

package/styles/gantt/bootstrap5-dark.css

@@ -62,6 +62,12 @@
 .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],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #343a40;
 }
 
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -410,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;
 }
@@ -1061,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%;
 }
 
@@ -1311,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;
@@ -1346,62 +1348,6 @@
   box-shadow: 0 0 0 1px #6c757d inset !important;
 }
 
-.e-gantt .e-gantt-dialog .e-dlg-header {
-  color: #fff;
-}
-
-.e-gantt .e-gantt-dialog .e-dlg-header-content {
-  background: #282d31;
-}
-
-.e-gantt .e-gantt-dialog .e-icon-dlg-close {
-  color: #adb5bd;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
-  background-color: #282d31;
-}
-
-.e-gantt .e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
-  color: #adb5bd;
-}
-
-.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
-  background: #282d31;
-}
-
-.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: #ced4da;
-}
-
-.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: #ced4da;
-}
-
 .e-gantt .e-temp-content {
   border-color: #444c54;
 }
@@ -1906,6 +1852,62 @@
   color: #6c757d !important;
 }
 
+.e-gantt-dialog .e-dlg-header {
+  color: #fff;
+}
+
+.e-gantt-dialog .e-dlg-header-content {
+  background: #282d31;
+}
+
+.e-gantt-dialog .e-icon-dlg-close {
+  color: #adb5bd;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover {
+  background-color: #282d31;
+}
+
+.e-gantt-dialog .e-btn.e-dlg-closeicon-btn:hover .e-icon-dlg-close {
+  color: #adb5bd;
+}
+
+.e-gantt-dialog .e-tab .e-tab-header {
+  background: #282d31;
+}
+
+.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: #ced4da;
+}
+
+.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: #ced4da;
+}
+
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #6c757d;

package/styles/gantt/bootstrap5.css

@@ -62,6 +62,12 @@
 .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],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #e9ecef;
 }
 
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -410,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;
 }
@@ -1061,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%;
 }
 
@@ -1311,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;
@@ -1346,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;
 }
@@ -1906,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;