@syncfusion/ej2-angular-kanban 19.2.55 → 19.3.44

package/styles/bootstrap5.scss

@@ -0,0 +1 @@
+@import 'kanban/bootstrap5.scss';

package/styles/fabric-dark.css

@@ -220,11 +220,12 @@
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
   border: 1px solid transparent;
-  color: rgba(0, 0, 0, 0.54);
+  color: #fff;
   cursor: pointer;
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
@@ -234,6 +235,7 @@
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-header > div {
@@ -631,11 +633,12 @@
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
   border: 1px solid transparent;
-  color: rgba(0, 0, 0, 0.54);
+  color: #fff;
   cursor: pointer;
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
@@ -645,6 +648,7 @@
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
@@ -888,6 +892,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -946,7 +954,7 @@
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
   border: 1px solid transparent;
-  color: rgba(0, 0, 0, 0.54);
+  color: #fff;
 }
 
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
@@ -965,12 +973,16 @@
   color: #dadada;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(0, 116, 204, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0074cc;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #c7e7ff;
+  background-color: #6f6c6c;
   border: 1px solid #333232;
 }
 
@@ -1008,3 +1020,9 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #dadada;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #dadada;
+  font-weight: 400;
+}

package/styles/fabric.css

@@ -218,15 +218,17 @@
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
-  background: #f4f4f4;
+  background: #dadada;
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-header > div {
@@ -629,15 +631,17 @@
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
-  background: #f4f4f4;
+  background: #dadada;
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
@@ -881,6 +885,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -945,7 +953,7 @@
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
-  background: #f4f4f4;
+  background: #dadada;
   border-radius: 0%;
 }
 
@@ -958,6 +966,10 @@
   color: #333;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(0, 120, 214, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0078d6;
 }
@@ -1001,3 +1013,9 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #333;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #333;
+  font-weight: 400;
+}

package/styles/highcontrast-light.css

@@ -251,7 +251,7 @@
 }
 
 .e-kanban .e-show-add-icon::before {
-  content: '\e7f9';
+  content: '\e7d5';
 }
 
 .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
@@ -999,6 +999,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1082,6 +1086,10 @@
   color: #000;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(64, 0, 116, 0.5);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #400074;
 }
@@ -1127,5 +1135,7 @@
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #fff;
+  background-color: initial;
+  color: #000;
+  font-weight: 400;
 }

package/styles/highcontrast.css

@@ -1001,6 +1001,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1084,6 +1088,10 @@
   color: #fff;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(255, 217, 57, 0.5);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #ffd939;
 }
@@ -1129,5 +1137,7 @@
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #000;
+  background-color: initial;
+  color: #fff;
+  font-weight: 400;
 }

package/styles/kanban/bootstrap-dark.css

@@ -902,6 +902,10 @@
   padding: 4px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -979,6 +983,10 @@
   color: #fff;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(0, 112, 240, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0070f0;
 }
@@ -1022,3 +1030,8 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #fff;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #f0f0f0;
+}

package/styles/kanban/bootstrap.css

@@ -900,6 +900,10 @@
   padding: 4px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -977,6 +981,10 @@
   color: #333;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(49, 122, 185, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #317ab9;
 }
@@ -1020,3 +1028,8 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #333;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #555;
+}

package/styles/kanban/bootstrap4.css

@@ -232,19 +232,19 @@
 
 /*! Kanban component's bootstrap4 theme definitions and variables */
 .e-kanban .e-column-expand::before {
-  content: '\e654';
+  content: '\e70d';
 }
 
 .e-kanban .e-column-collapse::before {
-  content: '\e653';
+  content: '\e76a';
 }
 
 .e-kanban .e-swimlane-row-expand::before {
-  content: '\e652';
+  content: '\e705';
 }
 
 .e-kanban .e-swimlane-row-collapse::before {
-  content: '\e653';
+  content: '\e76a';
 }
 
 .e-kanban .e-show-add-icon::before {
@@ -256,15 +256,15 @@
 }
 
 .e-kanban.e-rtl .e-column-collapse::before {
-  content: '\e654';
+  content: '\e70d';
 }
 
 .e-kanban.e-rtl .e-column-expand::before {
-  content: '\e653';
+  content: '\e76a';
 }
 
 .e-kanban.e-rtl .e-swimlane-row-collapse::before {
-  content: '\e654';
+  content: '\e70d';
 }
 
 .e-mobile-popup-wrapper .e-close-icon::before {
@@ -974,6 +974,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1053,6 +1057,10 @@
   color: #212529;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(0, 123, 255, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #007bff;
 }
@@ -1096,3 +1104,8 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #212529;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #495057;
+}