@syncfusion/ej2-angular-kanban 20.2.37-ngcc → 20.2.43-ngcc

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## [Unreleased]
 
+### Kanban
+
+#### Bug Fixes
+
+- `I392686` - Now, the drag and drop between the cards will work fine when showAddButton is enabled with the Kanban columns.
+- `I393080` - Now, the column border of the dragged clone cells will render properly.
+- `I393078` - Now, the drag and drop between the cards will work fine with out any flickering.
+
+## 20.2.38 (2022-07-12)
+
+### Kanban
+
+#### Bug Fixes
+
+- `#I385821` - Now, the server-side modified data is returned to the client side while performing the `CRUD` operation.
+- `#I390524`, `#F175935` - Now, when dropping the card into an empty column will render it.
+
 ## 20.1.60 (2022-06-14)
 
 ### Kanban

package/dist/ej2-angular-kanban.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-kanban.umd.js
-*  version : 20.2.36
+*  version : 20.2.43
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-angular-kanban.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-kanban.umd.min.js
-*  version : 20.2.36
+*  version : 20.2.43
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,28 +1,28 @@
 {
-  "_from": "@syncfusion/ej2-angular-kanban@20.2.36-ngcc",
-  "_id": "@syncfusion/ej2-angular-kanban@20.2.36-ngcc",
+  "_from": "@syncfusion/ej2-angular-kanban@*",
+  "_id": "@syncfusion/ej2-angular-kanban@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-6Wymfrxb0wSzXWgVOyAyQ5R0GYrXMDNxXP3Wg9aFQBlyb9/gCdIWCkDnt0JcV/uS9D6kfDnQPa+Wy2LowNidUg==",
+  "_integrity": "sha512-wHfKa+RGCBKZN8OgEmNAHn6wwA+759/wb8NggYQdjpwDLPoUZu072ci6Lr4QjFcoGzs4N3QsJw+Q0EVrl/dllw==",
   "_location": "/@syncfusion/ej2-angular-kanban",
   "_phantomChildren": {},
   "_requested": {
-    "type": "version",
+    "type": "range",
     "registry": true,
-    "raw": "@syncfusion/ej2-angular-kanban@20.2.36-ngcc",
+    "raw": "@syncfusion/ej2-angular-kanban@*",
     "name": "@syncfusion/ej2-angular-kanban",
     "escapedName": "@syncfusion%2fej2-angular-kanban",
     "scope": "@syncfusion",
-    "rawSpec": "20.2.36-ngcc",
+    "rawSpec": "*",
     "saveSpec": null,
-    "fetchSpec": "20.2.36-ngcc"
+    "fetchSpec": "*"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-20.2.36-ngcc.tgz",
-  "_shasum": "399faf4c50714414d1e7083fb578e69d2b96d5bf",
-  "_spec": "@syncfusion/ej2-angular-kanban@20.2.36-ngcc",
-  "_where": "D:\\june 2022\\New folder",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-kanban/-/ej2-angular-kanban-20.2.38.tgz",
+  "_shasum": "ed36b18e1477c0ebc165ea4fc162bdd49480f9eb",
+  "_spec": "@syncfusion/ej2-angular-kanban@*",
+  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.2.36",
-    "@syncfusion/ej2-base": "~20.2.36",
-    "@syncfusion/ej2-kanban": "20.2.36"
+    "@syncfusion/ej2-angular-base": "~20.2.43",
+    "@syncfusion/ej2-base": "~20.2.43",
+    "@syncfusion/ej2-kanban": "20.2.43"
   },
   "deprecated": false,
   "description": "The Kanban board is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing. for Angular",
@@ -66,5 +66,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-kanban.d.ts",
-  "version": "20.2.37-ngcc"
-}
+  "version": "20.2.43-ngcc"
+}

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-kanban";
-export declare const pkgVer = "^19.9.1";
+export declare const pkgVer = "^20.2.38";
 export declare const moduleName = "KanbanModule";
-export declare const themeVer = "~19.9.1";
+export declare const themeVer = "~20.2.38";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-kanban';
-exports.pkgVer = '^19.9.1';
+exports.pkgVer = '^20.2.43';
 exports.moduleName = 'KanbanModule';
-exports.themeVer = '~19.9.1';
+exports.themeVer = '~20.2.43';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-kanban';
-export const pkgVer = '^19.9.1';
+export const pkgVer = '^20.2.43';
 export const moduleName = 'KanbanModule';
-export const themeVer = '~19.9.1';
+export const themeVer = '~20.2.43';

package/styles/bootstrap-dark.css

@@ -990,15 +990,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1008,17 +1008,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1109,11 +1109,11 @@
   color: #fff;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #f0f0f0;
   min-width: 70%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/bootstrap.css

@@ -987,15 +987,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1005,17 +1005,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1106,11 +1106,11 @@
   color: #333;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #555;
   min-width: 70%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/bootstrap4.css

@@ -1065,15 +1065,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1083,17 +1083,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1184,11 +1184,11 @@
   color: #212529;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #495057;
   min-width: 70%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/bootstrap5-dark.css

@@ -1048,15 +1048,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: #e9ecef;
   font-size: 14px;
   font-weight: 500;
@@ -1066,17 +1066,17 @@
   padding: 8px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1170,7 +1170,7 @@
   color: #7b848d;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #fff;
   min-width: 70%;
@@ -1180,6 +1180,6 @@
   outline: none;
   padding: 4px 8px 4px 12px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 0 0 2px #0d6efd;
 }

package/styles/bootstrap5.css

@@ -1048,15 +1048,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: #343a40;
   font-size: 14px;
   font-weight: 500;
@@ -1066,17 +1066,17 @@
   padding: 8px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1170,7 +1170,7 @@
   color: #6c757d;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #212529;
   min-width: 70%;
@@ -1180,6 +1180,6 @@
   outline: none;
   padding: 4px 8px 4px 12px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 0 0 2px #0d6efd;
 }

package/styles/fabric-dark.css

@@ -957,15 +957,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -975,17 +975,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1076,12 +1076,12 @@
   color: #dadada;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #dadada;
   min-width: 70%;
   font-weight: 400;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/fabric.css

@@ -949,15 +949,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -967,17 +967,17 @@
   padding: 5px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1068,12 +1068,12 @@
   color: #333;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: initial;
   color: #333;
   min-width: 70%;
   font-weight: 400;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: none;
 }

package/styles/fluent-dark.css

@@ -1015,15 +1015,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: #c8c6c4;
   font-size: 14px;
   font-weight: 600;
@@ -1033,17 +1033,17 @@
   padding: 8px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1137,11 +1137,11 @@
   color: #a19f9d;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: #1b1a19;
   color: #d2d0ce;
   min-width: 70%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }

package/styles/fluent.css

@@ -1015,15 +1015,15 @@
   width: 100%;
 }
 
-.e-kanban-dialog {
+.e-kanban-dialog.e-dialog {
   min-width: 350px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table,
-.e-kanban-dialog .e-kanban-form-container table {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table {
   width: 100%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table td,
-.e-kanban-dialog .e-kanban-form-container table td {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table td {
   color: #3b3a39;
   font-size: 14px;
   font-weight: 600;
@@ -1033,17 +1033,17 @@
   padding: 8px 0;
   text-align: left;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-label,
-.e-kanban-dialog .e-kanban-form-container table .e-label {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
   padding-right: 10px;
   vertical-align: top;
   width: 70px;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table .e-field,
-.e-kanban-dialog .e-kanban-form-container table .e-field {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
+.e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
   width: 100%;
 }
-.e-kanban-dialog .e-footer-content .e-dialog-delete.e-btn {
+.e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
   float: left;
   margin-left: 0;
 }
@@ -1137,11 +1137,11 @@
   color: #605e5c;
 }
 
-.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
   background-color: #fff;
   color: #323130;
   min-width: 70%;
 }
-.e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
+.e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }