@syncfusion/ej2-angular-kanban 19.4.48 → 20.1.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +0 -16
  2. package/README.md +1 -1
  3. package/dist/ej2-angular-kanban.umd.js +1 -1
  4. package/dist/ej2-angular-kanban.umd.min.js +1 -1
  5. package/package.json +8 -8
  6. package/schematics/utils/lib-details.d.ts +2 -2
  7. package/schematics/utils/lib-details.js +2 -2
  8. package/schematics/utils/lib-details.ts +2 -2
  9. package/styles/bootstrap-dark.css +7 -2
  10. package/styles/bootstrap.css +7 -2
  11. package/styles/bootstrap4.css +7 -2
  12. package/styles/bootstrap5-dark.css +22 -14
  13. package/styles/bootstrap5.css +16 -8
  14. package/styles/fabric-dark.css +7 -2
  15. package/styles/fabric.css +7 -2
  16. package/styles/fluent-dark.css +1319 -0
  17. package/styles/fluent-dark.scss +1 -0
  18. package/styles/fluent.css +1319 -0
  19. package/styles/fluent.scss +1 -0
  20. package/styles/highcontrast-light.css +7 -2
  21. package/styles/highcontrast.css +7 -2
  22. package/styles/kanban/bootstrap-dark.css +7 -2
  23. package/styles/kanban/bootstrap.css +7 -2
  24. package/styles/kanban/bootstrap4.css +7 -2
  25. package/styles/kanban/bootstrap5-dark.css +22 -14
  26. package/styles/kanban/bootstrap5.css +16 -8
  27. package/styles/kanban/fabric-dark.css +7 -2
  28. package/styles/kanban/fabric.css +7 -2
  29. package/styles/kanban/fluent-dark.css +1319 -0
  30. package/styles/kanban/fluent-dark.scss +1 -0
  31. package/styles/kanban/fluent.css +1319 -0
  32. package/styles/kanban/fluent.scss +1 -0
  33. package/styles/kanban/highcontrast-light.css +7 -2
  34. package/styles/kanban/highcontrast.css +7 -2
  35. package/styles/kanban/material-dark.css +7 -1
  36. package/styles/kanban/material.css +7 -1
  37. package/styles/kanban/tailwind-dark.css +28 -81
  38. package/styles/kanban/tailwind.css +27 -80
  39. package/styles/material-dark.css +7 -1
  40. package/styles/material.css +7 -1
  41. package/styles/tailwind-dark.css +28 -81
  42. package/styles/tailwind.css +27 -80
package/styles/material.css CHANGED
@@ -271,6 +271,7 @@
271
271
 
272
272
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
273
273
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
274
+ background: #e0e0e0;
274
275
  box-shadow: none;
275
276
  }
276
277
 
@@ -1149,7 +1150,7 @@
1149
1150
  .e-kanban-dialog .e-kanban-form-container table .e-label {
1150
1151
  padding-right: 10px;
1151
1152
  vertical-align: top;
1152
- width: 35px;
1153
+ width: 70px;
1153
1154
  }
1154
1155
 
1155
1156
  .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1272,4 +1273,9 @@
1272
1273
  .e-kanban-dialog .e-kanban-form-wrapper table textarea {
1273
1274
  background-color: initial;
1274
1275
  color: rgba(0, 0, 0, 0.87);
1276
+ min-width: 70%;
1277
+ }
1278
+
1279
+ .e-kanban-dialog .e-kanban-form-wrapper table textarea:focus {
1280
+ box-shadow: none;
1275
1281
  }
package/styles/tailwind-dark.css CHANGED
@@ -53,6 +53,7 @@
53
53
 
54
54
  .e-popup.e-ddl .e-dropdownbase {
55
55
  min-height: 26px;
56
+ padding: 4px 0;
56
57
  }
57
58
 
58
59
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -77,24 +78,6 @@
77
78
  background-color: #374151;
78
79
  }
79
80
 
80
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
81
- margin: 0;
82
- min-height: 12px;
83
- min-width: 12px;
84
- padding: 6px;
85
- }
86
-
87
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
88
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
89
- min-height: 16px;
90
- min-width: 16px;
91
- }
92
-
93
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
94
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
95
- padding: 8px 16px 8px 0;
96
- }
97
-
98
81
  .e-input-group.e-ddl,
99
82
  .e-input-group.e-ddl .e-input,
100
83
  .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
106
89
  border-bottom-width: 0;
107
90
  }
108
91
 
109
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
110
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
111
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
113
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
114
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
115
- margin: 0;
116
- }
117
-
118
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
119
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
121
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
122
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
124
- padding: 5px 5px 5px 12px;
125
- }
126
-
127
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
128
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
130
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
132
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
134
- min-height: 18px;
135
- min-width: 18px;
136
- }
137
-
138
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
139
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
141
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
143
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
145
- padding: 8px 16px;
146
- }
147
-
148
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
149
93
  padding: 4px 8px;
150
94
  }
@@ -162,7 +106,7 @@
162
106
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
163
107
  border-left-width: 0;
164
108
  border-radius: 4px 0 0 4px;
165
- border-right-width: 1px;
109
+ border-right-width: 0;
166
110
  }
167
111
 
168
112
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -171,8 +115,8 @@
171
115
  }
172
116
 
173
117
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
174
- height: 24px;
175
- width: 24px;
118
+ height: 28px;
119
+ width: 28px;
176
120
  }
177
121
 
178
122
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -200,43 +144,43 @@
200
144
  }
201
145
 
202
146
  .e-kanban .e-column-expand::before {
203
- content: '\e70f';
147
+ content: '\e765';
204
148
  }
205
149
 
206
150
  .e-kanban .e-column-collapse::before {
207
- content: '\e707';
151
+ content: '\e748';
208
152
  }
209
153
 
210
154
  .e-kanban .e-swimlane-row-expand::before {
211
- content: '\e706';
155
+ content: '\e729';
212
156
  }
213
157
 
214
158
  .e-kanban .e-swimlane-row-collapse::before {
215
- content: '\e707';
159
+ content: '\e748';
216
160
  }
217
161
 
218
162
  .e-kanban .e-show-add-icon::before {
219
- content: '\e78a';
163
+ content: '\e805';
220
164
  }
221
165
 
222
166
  .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
223
- content: '\e75c';
167
+ content: '\e799';
224
168
  }
225
169
 
226
170
  .e-kanban.e-rtl .e-column-collapse::before {
227
- content: '\e70f';
171
+ content: '\e765';
228
172
  }
229
173
 
230
174
  .e-kanban.e-rtl .e-column-expand::before {
231
- content: '\e707';
175
+ content: '\e748';
232
176
  }
233
177
 
234
178
  .e-kanban.e-rtl .e-swimlane-row-collapse::before {
235
- content: '\e70f';
179
+ content: '\e765';
236
180
  }
237
181
 
238
182
  .e-mobile-popup-wrapper .e-close-icon::before {
239
- content: '\e771';
183
+ content: '\e7e7';
240
184
  }
241
185
 
242
186
  /*! kanban component layout */
@@ -319,6 +263,7 @@
319
263
 
320
264
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
321
265
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
266
+ background: transparent;
322
267
  box-shadow: 0 0 0 1px #22d3ee;
323
268
  }
324
269
 
@@ -330,7 +275,7 @@
330
275
  border-radius: 4px;
331
276
  height: 42px;
332
277
  overflow: hidden;
333
- padding: 11px;
278
+ padding: 12px;
334
279
  position: relative;
335
280
  text-align: left;
336
281
  text-overflow: ellipsis;
@@ -588,17 +533,17 @@
588
533
 
589
534
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
590
535
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
591
- padding: 18px 18px 0 16px;
536
+ padding: 18px 18px 0 18px;
592
537
  }
593
538
 
594
539
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
595
540
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
596
- padding: 12px 18px 8px 16px;
541
+ padding: 12px 18px 8px 18px;
597
542
  }
598
543
 
599
544
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
600
545
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
601
- padding: 12px 18px 0 16px;
546
+ padding: 0 18px 0 18px;
602
547
  }
603
548
 
604
549
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
@@ -625,7 +570,7 @@
625
570
 
626
571
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
627
572
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
628
- padding: 8px 18px 8px 16px;
573
+ padding: 8px 18px 18px 18px;
629
574
  }
630
575
 
631
576
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
@@ -978,6 +923,7 @@
978
923
  .e-bigger .e-kanban .e-kanban-table .e-header-cells,
979
924
  .e-bigger.e-kanban .e-kanban-table .e-header-cells {
980
925
  height: 48px;
926
+ padding: 16px;
981
927
  }
982
928
 
983
929
  .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
@@ -993,7 +939,7 @@
993
939
  font-size: 12px;
994
940
  font-weight: 500;
995
941
  line-height: 1.5;
996
- margin-top: 4px;
942
+ margin-top: 2px;
997
943
  text-transform: uppercase;
998
944
  }
999
945
 
@@ -1051,14 +997,14 @@
1051
997
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
1052
998
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1053
999
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1054
- padding: 24px 24px 0 22px;
1000
+ padding: 24px 24px 0 24px;
1055
1001
  }
1056
1002
 
1057
1003
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1058
1004
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1059
1005
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1060
1006
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1061
- padding: 8px 24px 12px 22px;
1007
+ padding: 8px 24px 12px 24px;
1062
1008
  }
1063
1009
 
1064
1010
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -1069,7 +1015,7 @@
1069
1015
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1070
1016
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1071
1017
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1072
- padding: 0 24px 12px 22px;
1018
+ padding: 0 24px 12px 24px;
1073
1019
  }
1074
1020
 
1075
1021
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
@@ -1200,7 +1146,7 @@
1200
1146
  .e-kanban-dialog .e-kanban-form-container table .e-label {
1201
1147
  padding-right: 10px;
1202
1148
  vertical-align: top;
1203
- width: 35px;
1149
+ width: 70px;
1204
1150
  }
1205
1151
 
1206
1152
  .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1296,7 +1242,7 @@
1296
1242
 
1297
1243
  .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
1298
1244
  background-color: #4b5563;
1299
- color: #111827;
1245
+ color: #fff;
1300
1246
  }
1301
1247
 
1302
1248
  .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
@@ -1327,6 +1273,7 @@
1327
1273
  .e-kanban-dialog .e-kanban-form-wrapper table textarea {
1328
1274
  background-color: initial;
1329
1275
  color: #fff;
1276
+ min-width: 70%;
1330
1277
  font-weight: 400;
1331
1278
  border-color: #d1d5db;
1332
1279
  border-radius: 4px;
package/styles/tailwind.css CHANGED
@@ -53,6 +53,7 @@
53
53
 
54
54
  .e-popup.e-ddl .e-dropdownbase {
55
55
  min-height: 26px;
56
+ padding: 4px 0;
56
57
  }
57
58
 
58
59
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -77,24 +78,6 @@
77
78
  background-color: #fff;
78
79
  }
79
80
 
80
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
81
- margin: 0;
82
- min-height: 12px;
83
- min-width: 12px;
84
- padding: 6px;
85
- }
86
-
87
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
88
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
89
- min-height: 16px;
90
- min-width: 16px;
91
- }
92
-
93
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
94
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
95
- padding: 8px 16px 8px 0;
96
- }
97
-
98
81
  .e-input-group.e-ddl,
99
82
  .e-input-group.e-ddl .e-input,
100
83
  .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
106
89
  border-bottom-width: 0;
107
90
  }
108
91
 
109
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
110
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
111
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
113
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
114
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
115
- margin: 0;
116
- }
117
-
118
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
119
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
121
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
122
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
124
- padding: 5px 5px 5px 12px;
125
- }
126
-
127
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
128
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
130
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
132
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
134
- min-height: 18px;
135
- min-width: 18px;
136
- }
137
-
138
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
139
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
141
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
143
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
145
- padding: 8px 16px;
146
- }
147
-
148
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
149
93
  padding: 4px 8px;
150
94
  }
@@ -162,7 +106,7 @@
162
106
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
163
107
  border-left-width: 0;
164
108
  border-radius: 4px 0 0 4px;
165
- border-right-width: 1px;
109
+ border-right-width: 0;
166
110
  }
167
111
 
168
112
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -171,8 +115,8 @@
171
115
  }
172
116
 
173
117
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
174
- height: 24px;
175
- width: 24px;
118
+ height: 28px;
119
+ width: 28px;
176
120
  }
177
121
 
178
122
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -200,43 +144,43 @@
200
144
  }
201
145
 
202
146
  .e-kanban .e-column-expand::before {
203
- content: '\e70f';
147
+ content: '\e765';
204
148
  }
205
149
 
206
150
  .e-kanban .e-column-collapse::before {
207
- content: '\e707';
151
+ content: '\e748';
208
152
  }
209
153
 
210
154
  .e-kanban .e-swimlane-row-expand::before {
211
- content: '\e706';
155
+ content: '\e729';
212
156
  }
213
157
 
214
158
  .e-kanban .e-swimlane-row-collapse::before {
215
- content: '\e707';
159
+ content: '\e748';
216
160
  }
217
161
 
218
162
  .e-kanban .e-show-add-icon::before {
219
- content: '\e78a';
163
+ content: '\e805';
220
164
  }
221
165
 
222
166
  .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
223
- content: '\e75c';
167
+ content: '\e799';
224
168
  }
225
169
 
226
170
  .e-kanban.e-rtl .e-column-collapse::before {
227
- content: '\e70f';
171
+ content: '\e765';
228
172
  }
229
173
 
230
174
  .e-kanban.e-rtl .e-column-expand::before {
231
- content: '\e707';
175
+ content: '\e748';
232
176
  }
233
177
 
234
178
  .e-kanban.e-rtl .e-swimlane-row-collapse::before {
235
- content: '\e70f';
179
+ content: '\e765';
236
180
  }
237
181
 
238
182
  .e-mobile-popup-wrapper .e-close-icon::before {
239
- content: '\e771';
183
+ content: '\e7e7';
240
184
  }
241
185
 
242
186
  /*! kanban component layout */
@@ -319,6 +263,7 @@
319
263
 
320
264
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
321
265
  .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
266
+ background: transparent;
322
267
  box-shadow: 0 0 0 1px #4f46e5;
323
268
  }
324
269
 
@@ -330,7 +275,7 @@
330
275
  border-radius: 4px;
331
276
  height: 42px;
332
277
  overflow: hidden;
333
- padding: 11px;
278
+ padding: 12px;
334
279
  position: relative;
335
280
  text-align: left;
336
281
  text-overflow: ellipsis;
@@ -588,17 +533,17 @@
588
533
 
589
534
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
590
535
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
591
- padding: 18px 18px 0 16px;
536
+ padding: 18px 18px 0 18px;
592
537
  }
593
538
 
594
539
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
595
540
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
596
- padding: 12px 18px 8px 16px;
541
+ padding: 12px 18px 8px 18px;
597
542
  }
598
543
 
599
544
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
600
545
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
601
- padding: 12px 18px 0 16px;
546
+ padding: 0 18px 0 18px;
602
547
  }
603
548
 
604
549
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
@@ -625,7 +570,7 @@
625
570
 
626
571
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
627
572
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
628
- padding: 8px 18px 8px 16px;
573
+ padding: 8px 18px 18px 18px;
629
574
  }
630
575
 
631
576
  .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
@@ -978,6 +923,7 @@
978
923
  .e-bigger .e-kanban .e-kanban-table .e-header-cells,
979
924
  .e-bigger.e-kanban .e-kanban-table .e-header-cells {
980
925
  height: 48px;
926
+ padding: 16px;
981
927
  }
982
928
 
983
929
  .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
@@ -993,7 +939,7 @@
993
939
  font-size: 12px;
994
940
  font-weight: 500;
995
941
  line-height: 1.5;
996
- margin-top: 4px;
942
+ margin-top: 2px;
997
943
  text-transform: uppercase;
998
944
  }
999
945
 
@@ -1051,14 +997,14 @@
1051
997
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
1052
998
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1053
999
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1054
- padding: 24px 24px 0 22px;
1000
+ padding: 24px 24px 0 24px;
1055
1001
  }
1056
1002
 
1057
1003
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1058
1004
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1059
1005
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1060
1006
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1061
- padding: 8px 24px 12px 22px;
1007
+ padding: 8px 24px 12px 24px;
1062
1008
  }
1063
1009
 
1064
1010
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -1069,7 +1015,7 @@
1069
1015
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1070
1016
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1071
1017
  .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1072
- padding: 0 24px 12px 22px;
1018
+ padding: 0 24px 12px 24px;
1073
1019
  }
1074
1020
 
1075
1021
  .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
@@ -1200,7 +1146,7 @@
1200
1146
  .e-kanban-dialog .e-kanban-form-container table .e-label {
1201
1147
  padding-right: 10px;
1202
1148
  vertical-align: top;
1203
- width: 35px;
1149
+ width: 70px;
1204
1150
  }
1205
1151
 
1206
1152
  .e-kanban-dialog .e-kanban-form-wrapper table .e-field,
@@ -1327,6 +1273,7 @@
1327
1273
  .e-kanban-dialog .e-kanban-form-wrapper table textarea {
1328
1274
  background-color: initial;
1329
1275
  color: #111827;
1276
+ min-width: 70%;
1330
1277
  font-weight: 400;
1331
1278
  border-color: #d1d5db;
1332
1279
  border-radius: 4px;