@syncfusion/ej2-angular-kanban 25.2.6 → 26.1.35-ngcc

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 (74) hide show
  1. package/@syncfusion/ej2-angular-kanban.es5.js +355 -0
  2. package/@syncfusion/ej2-angular-kanban.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-kanban.js +323 -0
  4. package/@syncfusion/ej2-angular-kanban.js.map +1 -0
  5. package/dist/ej2-angular-kanban.umd.js +397 -0
  6. package/dist/ej2-angular-kanban.umd.js.map +1 -0
  7. package/dist/ej2-angular-kanban.umd.min.js +11 -0
  8. package/dist/ej2-angular-kanban.umd.min.js.map +1 -0
  9. package/ej2-angular-kanban.d.ts +5 -0
  10. package/ej2-angular-kanban.metadata.json +1 -0
  11. package/package.json +15 -29
  12. package/schematics/utils/lib-details.js +2 -2
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/kanban/columns.directive.d.ts +0 -5
  15. package/src/kanban/kanban-all.module.d.ts +0 -6
  16. package/src/kanban/kanban.component.d.ts +0 -3
  17. package/src/kanban/kanban.module.d.ts +0 -8
  18. package/src/kanban/stackedheaders.directive.d.ts +0 -5
  19. package/styles/bootstrap-dark.css +1202 -1
  20. package/styles/bootstrap.css +1196 -1
  21. package/styles/bootstrap4.css +1302 -1
  22. package/styles/bootstrap5-dark.css +1263 -1
  23. package/styles/bootstrap5.3.css +1831 -0
  24. package/styles/bootstrap5.3.scss +1 -0
  25. package/styles/bootstrap5.css +1263 -1
  26. package/styles/fabric-dark.css +1165 -1
  27. package/styles/fabric.css +1154 -1
  28. package/styles/fluent-dark.css +1230 -1
  29. package/styles/fluent.css +1230 -1
  30. package/styles/fluent2.css +2248 -0
  31. package/styles/fluent2.scss +1 -0
  32. package/styles/highcontrast-light.css +1239 -1
  33. package/styles/highcontrast.css +1248 -1
  34. package/styles/kanban/bootstrap-dark.css +1202 -1
  35. package/styles/kanban/bootstrap.css +1196 -1
  36. package/styles/kanban/bootstrap4.css +1302 -1
  37. package/styles/kanban/bootstrap5-dark.css +1263 -1
  38. package/styles/kanban/bootstrap5.3.css +1831 -0
  39. package/styles/kanban/bootstrap5.3.scss +1 -0
  40. package/styles/kanban/bootstrap5.css +1263 -1
  41. package/styles/kanban/fabric-dark.css +1165 -1
  42. package/styles/kanban/fabric.css +1154 -1
  43. package/styles/kanban/fluent-dark.css +1230 -1
  44. package/styles/kanban/fluent.css +1230 -1
  45. package/styles/kanban/fluent2.css +2248 -0
  46. package/styles/kanban/fluent2.scss +1 -0
  47. package/styles/kanban/highcontrast-light.css +1239 -1
  48. package/styles/kanban/highcontrast.css +1248 -1
  49. package/styles/kanban/material-dark.css +1183 -1
  50. package/styles/kanban/material.css +1208 -1
  51. package/styles/kanban/material3-dark.css +1325 -1
  52. package/styles/kanban/material3.css +1437 -1
  53. package/styles/kanban/tailwind-dark.css +1205 -1
  54. package/styles/kanban/tailwind.css +1205 -1
  55. package/styles/material-dark.css +1183 -1
  56. package/styles/material.css +1208 -1
  57. package/styles/material3-dark.css +1325 -1
  58. package/styles/material3.css +1437 -1
  59. package/styles/tailwind-dark.css +1205 -1
  60. package/styles/tailwind.css +1205 -1
  61. package/esm2020/public_api.mjs +0 -3
  62. package/esm2020/src/index.mjs +0 -7
  63. package/esm2020/src/kanban/columns.directive.mjs +0 -66
  64. package/esm2020/src/kanban/kanban-all.module.mjs +0 -23
  65. package/esm2020/src/kanban/kanban.component.mjs +0 -100
  66. package/esm2020/src/kanban/kanban.module.mjs +0 -43
  67. package/esm2020/src/kanban/stackedheaders.directive.mjs +0 -58
  68. package/esm2020/syncfusion-ej2-angular-kanban.mjs +0 -5
  69. package/fesm2015/syncfusion-ej2-angular-kanban.mjs +0 -279
  70. package/fesm2015/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  71. package/fesm2020/syncfusion-ej2-angular-kanban.mjs +0 -279
  72. package/fesm2020/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  73. package/postinstall/tagchange.js +0 -18
  74. package/syncfusion-ej2-angular-kanban.d.ts +0 -5
@@ -1 +1,1205 @@
1
- @import '@syncfusion/ej2-kanban/styles/tailwind-dark.css';
1
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
2
+ -webkit-transform: rotate(0deg);
3
+ transform: rotate(0deg);
4
+ -webkit-transition: -webkit-transform 300ms ease;
5
+ transition: -webkit-transform 300ms ease;
6
+ transition: transform 300ms ease;
7
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
8
+ }
9
+
10
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
11
+ -webkit-transform: rotate(180deg);
12
+ transform: rotate(180deg);
13
+ -webkit-transition: -webkit-transform 300ms ease;
14
+ transition: -webkit-transform 300ms ease;
15
+ transition: transform 300ms ease;
16
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
17
+ }
18
+
19
+ .e-dropdownbase .e-list-item.e-active.e-hover {
20
+ color: #fff;
21
+ }
22
+
23
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
24
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
25
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
26
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
27
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
28
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
29
+ background: transparent;
30
+ }
31
+
32
+ .e-input-group .e-ddl-icon:not(:active)::after {
33
+ -webkit-animation: none;
34
+ animation: none;
35
+ }
36
+
37
+ .e-ddl.e-popup {
38
+ border: 0;
39
+ border-radius: 4px;
40
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
41
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
42
+ margin-top: 4px;
43
+ }
44
+
45
+ .e-small .e-ddl.e-popup,
46
+ .e-small.e-ddl.e-popup {
47
+ border-radius: 2px;
48
+ margin-top: 2px;
49
+ }
50
+
51
+ .e-bigger .e-ddl.e-popup,
52
+ .e-bigger.e-ddl.e-popup {
53
+ border-radius: 6px;
54
+ margin-top: 8px;
55
+ }
56
+
57
+ .e-bigger.e-small .e-ddl.e-popup,
58
+ .e-small.e-bigger.e-ddl.e-popup {
59
+ border-radius: 4px;
60
+ margin-top: 6px;
61
+ }
62
+
63
+ .e-popup.e-ddl .e-dropdownbase {
64
+ min-height: 26px;
65
+ padding: 4px 0;
66
+ }
67
+
68
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
69
+ border-color: #4b5563;
70
+ }
71
+
72
+ .e-bigger .e-popup.e-ddl-device-filter {
73
+ margin-top: 0;
74
+ }
75
+
76
+ .e-bigger .e-ddl-device .e-input-group,
77
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
78
+ background: #374151;
79
+ border-width: 0;
80
+ -webkit-box-shadow: none;
81
+ box-shadow: none;
82
+ margin-bottom: 0;
83
+ }
84
+
85
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
86
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
87
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
88
+ background-color: #374151;
89
+ }
90
+
91
+ .e-input-group.e-ddl,
92
+ .e-input-group.e-ddl .e-input,
93
+ .e-input-group.e-ddl .e-ddl-icon {
94
+ background: #1f2937;
95
+ }
96
+
97
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
98
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
99
+ border-bottom-width: 0;
100
+ }
101
+
102
+ .e-ddl.e-popup.e-outline .e-filter-parent {
103
+ padding: 4px 8px;
104
+ }
105
+
106
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
107
+ line-height: 30px;
108
+ top: 0;
109
+ }
110
+
111
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
112
+ border-radius: 0 4px 4px 0;
113
+ border-right-width: 0;
114
+ }
115
+
116
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
117
+ border-left-width: 0;
118
+ border-radius: 4px 0 0 4px;
119
+ border-right-width: 0;
120
+ }
121
+
122
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
123
+ height: 32px;
124
+ width: 32px;
125
+ }
126
+
127
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
128
+ height: 28px;
129
+ width: 28px;
130
+ }
131
+
132
+ .e-multi-select-wrapper .e-searcher input[type=text],
133
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
134
+ color: #fff;
135
+ height: 100%;
136
+ }
137
+
138
+ /* stylelint-disable-line no-empty-source */
139
+ /*! TreeView's tailwind theme wise override definitions and variables */
140
+ /* stylelint-disable */
141
+ /* stylelint-disable-line no-empty-source */
142
+ /* stylelint-disable property-no-vendor-prefix */
143
+ @-webkit-keyframes material-spinner-rotate {
144
+ 0% {
145
+ -webkit-transform: rotate(0);
146
+ transform: rotate(0);
147
+ }
148
+ 100% {
149
+ -webkit-transform: rotate(360deg);
150
+ transform: rotate(360deg);
151
+ }
152
+ }
153
+ @keyframes material-spinner-rotate {
154
+ 0% {
155
+ -webkit-transform: rotate(0);
156
+ transform: rotate(0);
157
+ }
158
+ 100% {
159
+ -webkit-transform: rotate(360deg);
160
+ transform: rotate(360deg);
161
+ }
162
+ }
163
+ @-webkit-keyframes fabric-spinner-rotate {
164
+ 0% {
165
+ -webkit-transform: rotate(0);
166
+ transform: rotate(0);
167
+ }
168
+ 100% {
169
+ -webkit-transform: rotate(360deg);
170
+ transform: rotate(360deg);
171
+ }
172
+ }
173
+ @keyframes fabric-spinner-rotate {
174
+ 0% {
175
+ -webkit-transform: rotate(0);
176
+ transform: rotate(0);
177
+ }
178
+ 100% {
179
+ -webkit-transform: rotate(360deg);
180
+ transform: rotate(360deg);
181
+ }
182
+ }
183
+ .e-kanban .e-column-expand::before {
184
+ content: "\e765";
185
+ }
186
+ .e-kanban .e-column-collapse::before {
187
+ content: "\e748";
188
+ }
189
+ .e-kanban .e-swimlane-row-expand::before {
190
+ content: "\e729";
191
+ }
192
+ .e-kanban .e-swimlane-row-collapse::before {
193
+ content: "\e748";
194
+ }
195
+ .e-kanban .e-show-add-icon::before {
196
+ content: "\e805";
197
+ }
198
+ .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
199
+ content: "\e799";
200
+ }
201
+ .e-kanban.e-rtl .e-column-collapse::before {
202
+ content: "\e765";
203
+ }
204
+ .e-kanban.e-rtl .e-column-expand::before {
205
+ content: "\e748";
206
+ }
207
+ .e-kanban.e-rtl .e-swimlane-row-collapse::before {
208
+ content: "\e765";
209
+ }
210
+
211
+ .e-mobile-popup-wrapper .e-close-icon::before {
212
+ content: "\e7e7";
213
+ }
214
+
215
+ /*! kanban component layout */
216
+ .e-kanban {
217
+ display: block;
218
+ outline: medium none;
219
+ position: relative;
220
+ -webkit-user-select: none;
221
+ -moz-user-select: none;
222
+ -ms-user-select: none;
223
+ user-select: none;
224
+ }
225
+ .e-kanban .e-kanban-table {
226
+ border: 0;
227
+ border-collapse: separate;
228
+ border-spacing: 8px 0;
229
+ table-layout: fixed;
230
+ width: 100%;
231
+ }
232
+ .e-kanban .e-kanban-table col.e-collapsed {
233
+ width: 42px;
234
+ }
235
+ .e-kanban .e-swimlane .e-kanban-table.e-content-table {
236
+ border-spacing: 8px 0;
237
+ }
238
+ .e-kanban .e-frozen-swimlane-row {
239
+ position: relative;
240
+ z-index: 101;
241
+ }
242
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row {
243
+ padding: 12px 12px 12px 20px;
244
+ }
245
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header {
246
+ display: -webkit-box;
247
+ display: -ms-flexbox;
248
+ display: flex;
249
+ }
250
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
251
+ font-size: 14px;
252
+ font-weight: normal;
253
+ line-height: 1.5;
254
+ padding: 0 0 0 8px;
255
+ }
256
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
257
+ font-size: 10px;
258
+ font-weight: 500;
259
+ line-height: 1.5;
260
+ opacity: 1;
261
+ padding: 3px;
262
+ }
263
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
264
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
265
+ border: 1px solid transparent;
266
+ color: #6b7280;
267
+ cursor: pointer;
268
+ font-size: 18px;
269
+ height: 20px;
270
+ margin: 1px;
271
+ padding: 0;
272
+ }
273
+ .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,
274
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
275
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
276
+ background: transparent;
277
+ border: 1px solid transparent;
278
+ border-radius: 4px;
279
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
280
+ box-shadow: 0 0 0 1px #22d3ee;
281
+ color: #22d3ee;
282
+ margin: 1px;
283
+ padding: 0;
284
+ }
285
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
286
+ .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
287
+ background: transparent;
288
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
289
+ box-shadow: 0 0 0 1px #22d3ee;
290
+ }
291
+ .e-kanban .e-kanban-header > div {
292
+ overflow: hidden;
293
+ }
294
+ .e-kanban .e-kanban-header .e-header-cells {
295
+ border-radius: 4px;
296
+ height: 42px;
297
+ overflow: hidden;
298
+ padding: 12px;
299
+ position: relative;
300
+ text-align: left;
301
+ text-overflow: ellipsis;
302
+ white-space: nowrap;
303
+ }
304
+ .e-kanban .e-kanban-header .e-header-cells .e-header-wrap {
305
+ display: -webkit-box;
306
+ display: -ms-flexbox;
307
+ display: flex;
308
+ }
309
+ .e-kanban .e-kanban-header .e-header-cells .e-header-wrap .e-header-title {
310
+ display: -webkit-box;
311
+ display: -ms-flexbox;
312
+ display: flex;
313
+ overflow: hidden;
314
+ text-overflow: ellipsis;
315
+ width: 100%;
316
+ }
317
+ .e-kanban .e-kanban-header .e-header-cells.e-stacked-header-cell {
318
+ border-bottom: 1px solid #6b7280;
319
+ }
320
+ .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-expand {
321
+ cursor: pointer;
322
+ font-size: 18px;
323
+ padding: 0;
324
+ }
325
+ .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-collapse {
326
+ cursor: pointer;
327
+ font-size: 18px;
328
+ padding: 0;
329
+ }
330
+ .e-kanban .e-kanban-header .e-header-cells.e-min-color {
331
+ background: #ffedd5;
332
+ }
333
+ .e-kanban .e-kanban-header .e-header-cells.e-max-color {
334
+ background: #fee2e2;
335
+ }
336
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
337
+ background: #374151;
338
+ text-align: center;
339
+ width: 42px;
340
+ }
341
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-wrap {
342
+ -webkit-box-pack: center;
343
+ -ms-flex-pack: center;
344
+ justify-content: center;
345
+ }
346
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-min-color {
347
+ background: #ffedd5;
348
+ }
349
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-max-color {
350
+ background: #fee2e2;
351
+ }
352
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-limits,
353
+ .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-title {
354
+ display: none;
355
+ }
356
+ .e-kanban .e-kanban-header .e-header-cells .e-header-text {
357
+ font-size: 12px;
358
+ font-weight: 500;
359
+ line-height: 1.5;
360
+ overflow: hidden;
361
+ padding-right: 5px;
362
+ text-overflow: ellipsis;
363
+ }
364
+ .e-kanban .e-kanban-header .e-header-cells .e-item-count {
365
+ font-size: 10px;
366
+ font-weight: 500;
367
+ line-height: 1.625;
368
+ margin-top: 2px;
369
+ opacity: 1;
370
+ text-transform: uppercase;
371
+ }
372
+ .e-kanban .e-kanban-header .e-header-cells .e-limits {
373
+ display: -webkit-box;
374
+ display: -ms-flexbox;
375
+ display: flex;
376
+ padding-top: 3px;
377
+ }
378
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-min-count,
379
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
380
+ font-size: 10px;
381
+ font-weight: 500;
382
+ opacity: 1;
383
+ width: 100%;
384
+ }
385
+ .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
386
+ text-align: right;
387
+ }
388
+ .e-kanban .e-kanban-content {
389
+ overflow: auto;
390
+ padding-bottom: 10px;
391
+ }
392
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits {
393
+ display: -webkit-box;
394
+ display: -ms-flexbox;
395
+ display: flex;
396
+ height: 26px;
397
+ position: relative;
398
+ }
399
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border {
400
+ display: none;
401
+ }
402
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border.e-dropping {
403
+ display: block;
404
+ position: absolute;
405
+ }
406
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-min-count,
407
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
408
+ font-size: 10px;
409
+ font-weight: 500;
410
+ opacity: 1;
411
+ padding: 4px 8px;
412
+ }
413
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
414
+ position: absolute;
415
+ right: 0;
416
+ }
417
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-min-color {
418
+ background: #ffedd5;
419
+ }
420
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-max-color {
421
+ background: #fee2e2;
422
+ }
423
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed {
424
+ overflow: hidden;
425
+ text-align: center;
426
+ width: 42px;
427
+ }
428
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-wrapper,
429
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-container,
430
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-limits {
431
+ display: none;
432
+ }
433
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
434
+ color: #9ca3af;
435
+ font-size: 12px;
436
+ font-weight: 500;
437
+ overflow: hidden;
438
+ padding: 12px;
439
+ position: relative;
440
+ text-overflow: ellipsis;
441
+ white-space: nowrap;
442
+ -webkit-writing-mode: vertical-lr;
443
+ -ms-writing-mode: tb-lr;
444
+ writing-mode: vertical-lr;
445
+ }
446
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
447
+ display: inline-block;
448
+ font-size: 13px;
449
+ font-weight: normal;
450
+ opacity: 0.57;
451
+ }
452
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
453
+ border: 1px dashed #22d3ee;
454
+ height: 36px;
455
+ margin: 8px 8px 0;
456
+ }
457
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button .e-show-add-icon {
458
+ padding: 11px;
459
+ text-align: center;
460
+ }
461
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button:focus {
462
+ border: 1px dashed #9ca3af;
463
+ color: #9ca3af;
464
+ }
465
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-wrapper,
466
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-container {
467
+ display: none;
468
+ }
469
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
470
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
471
+ height: inherit;
472
+ overflow: auto;
473
+ padding: 12px 12px 0;
474
+ }
475
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-empty-card,
476
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-empty-card {
477
+ color: #9ca3af;
478
+ display: table;
479
+ font-size: 14px;
480
+ line-height: 1.5;
481
+ margin: 0 auto;
482
+ padding: 20px 0;
483
+ position: relative;
484
+ }
485
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
486
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
487
+ border: 1px solid transparent;
488
+ border-radius: 6px;
489
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
490
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
491
+ margin-bottom: 12px;
492
+ min-height: 50px;
493
+ }
494
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
495
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-draggable {
496
+ cursor: all-scroll;
497
+ }
498
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
499
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
500
+ padding: 18px 18px 0;
501
+ }
502
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
503
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
504
+ font-size: 14px;
505
+ font-weight: 500;
506
+ line-height: 1.625;
507
+ }
508
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
509
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
510
+ display: -webkit-inline-box;
511
+ display: -ms-inline-flexbox;
512
+ display: inline-flex;
513
+ line-height: normal;
514
+ padding: 8px 18px;
515
+ }
516
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
517
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
518
+ font-size: 14px;
519
+ line-height: 1.625;
520
+ padding: 12px 18px;
521
+ }
522
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
523
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color {
524
+ border: 1px solid transparent;
525
+ border-left: 2px solid;
526
+ }
527
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
528
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
529
+ padding: 18px 18px 0 18px;
530
+ }
531
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
532
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
533
+ padding: 12px 18px 8px 18px;
534
+ }
535
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
536
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
537
+ padding: 0 18px 0 18px;
538
+ }
539
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
540
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection {
541
+ border: 1px solid #4b5563;
542
+ border-left: 2px solid;
543
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
544
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
545
+ }
546
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection:hover,
547
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection:hover {
548
+ border: 1px solid transparent;
549
+ border-left: 3px solid;
550
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
551
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
552
+ padding: 0;
553
+ }
554
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:hover,
555
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:hover {
556
+ border: 1px solid transparent;
557
+ border-left: 3px solid;
558
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
559
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
560
+ }
561
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
562
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
563
+ padding: 8px 18px 18px 18px;
564
+ }
565
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
566
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tag {
567
+ border-radius: 2px;
568
+ display: inline-block;
569
+ font-size: 14px;
570
+ line-height: 1.625;
571
+ margin-right: 4px;
572
+ max-width: 100%;
573
+ overflow: hidden;
574
+ padding: 1px 4px;
575
+ text-overflow: ellipsis;
576
+ }
577
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
578
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags {
579
+ line-height: 1;
580
+ padding: 12px 18px 0;
581
+ }
582
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
583
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-cloned-card {
584
+ position: absolute;
585
+ z-index: 1;
586
+ }
587
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection,
588
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
589
+ border: 1px solid #4b5563;
590
+ -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
591
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
592
+ }
593
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover,
594
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
595
+ border: 1px solid transparent;
596
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
597
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
598
+ padding: 0;
599
+ }
600
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover,
601
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
602
+ border: 1px solid transparent;
603
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
604
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
605
+ }
606
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus,
607
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
608
+ border: 1px solid transparent;
609
+ }
610
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:focus,
611
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:focus {
612
+ border: 1px solid transparent;
613
+ border-left: 2px solid;
614
+ }
615
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-kanban-dragged-card,
616
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-kanban-dragged-card {
617
+ display: none;
618
+ }
619
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-clone,
620
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-clone {
621
+ border: 1px solid #9ca3af;
622
+ height: 34px;
623
+ }
624
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-text,
625
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-text {
626
+ background: #1f2937;
627
+ display: table-cell;
628
+ padding-left: 8px;
629
+ text-align: center;
630
+ }
631
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
632
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
633
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
634
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
635
+ border-radius: 6px;
636
+ margin-bottom: 12px;
637
+ }
638
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
639
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
640
+ background: #4b5563;
641
+ border: 1px dashed #9ca3af;
642
+ }
643
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
644
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
645
+ background: #155e75;
646
+ border: 1px dashed #22d3ee;
647
+ }
648
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key {
649
+ border-bottom: 1px dashed #9ca3af;
650
+ border-left: 1px dashed #9ca3af;
651
+ border-right: 1px dashed #9ca3af;
652
+ }
653
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key .e-text {
654
+ opacity: 0.5;
655
+ text-align: center;
656
+ color: #6b7280;
657
+ font-size: 16px;
658
+ opacity: 1;
659
+ }
660
+ .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key:first-child {
661
+ border-top: 1px dashed #9ca3af;
662
+ }
663
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells {
664
+ height: 46px;
665
+ min-height: 50px;
666
+ }
667
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header {
668
+ display: -webkit-box;
669
+ display: -ms-flexbox;
670
+ display: flex;
671
+ padding: 12px;
672
+ }
673
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
674
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
675
+ border: 1px solid transparent;
676
+ color: #6b7280;
677
+ cursor: pointer;
678
+ font-size: 18px;
679
+ height: 20px;
680
+ margin: 1px;
681
+ padding: 0;
682
+ }
683
+ .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,
684
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
685
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
686
+ background: none;
687
+ border: 1px solid transparent;
688
+ border-radius: 4px;
689
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
690
+ box-shadow: 0 0 0 1px #22d3ee;
691
+ color: #22d3ee;
692
+ font-size: 18px;
693
+ margin: 1px;
694
+ padding: 0;
695
+ }
696
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
697
+ font-size: 14px;
698
+ font-weight: normal;
699
+ line-height: 1.5;
700
+ padding: 0 0 0 8px;
701
+ }
702
+ .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
703
+ color: #8b919e;
704
+ font-size: 10px;
705
+ font-weight: 500;
706
+ line-height: 1.625;
707
+ opacity: 1;
708
+ padding: 3px;
709
+ }
710
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells {
711
+ border: 1px solid transparent;
712
+ border-radius: 4px;
713
+ vertical-align: top;
714
+ }
715
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
716
+ border: 1px dashed #9ca3af;
717
+ }
718
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-min-color {
719
+ background: #ffedd5;
720
+ }
721
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-max-color {
722
+ background: #fee2e2;
723
+ }
724
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
725
+ border: 1px solid transparent;
726
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
727
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
728
+ }
729
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
730
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-container {
731
+ min-height: 50px;
732
+ }
733
+ .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-dropping {
734
+ border: 1px dashed #9ca3af;
735
+ }
736
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells {
737
+ border-bottom: 0;
738
+ height: 0;
739
+ }
740
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells > .e-collapse-header-text,
741
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-limits,
742
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-show-add-button,
743
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
744
+ .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-container {
745
+ display: none;
746
+ }
747
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells {
748
+ text-align: right;
749
+ }
750
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-header-text {
751
+ padding-left: 5px;
752
+ padding-right: initial;
753
+ text-align: right;
754
+ text-transform: uppercase;
755
+ }
756
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
757
+ text-align: left;
758
+ }
759
+ .e-kanban.e-rtl .e-kanban-table .e-header-cells.e-toggle-header .e-column-collapse {
760
+ text-align: center;
761
+ }
762
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells .e-limits .e-max-count {
763
+ left: 0;
764
+ right: auto;
765
+ }
766
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
767
+ direction: initial;
768
+ }
769
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
770
+ .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
771
+ margin: 1px;
772
+ }
773
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
774
+ background: #374151;
775
+ border-bottom: 0;
776
+ display: -webkit-box;
777
+ display: -ms-flexbox;
778
+ display: flex;
779
+ margin-bottom: 3px;
780
+ min-height: 42px;
781
+ padding: 10px;
782
+ }
783
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
784
+ color: inherit;
785
+ font-size: 16px;
786
+ font-weight: 500;
787
+ line-height: 1.5;
788
+ padding: 5px;
789
+ }
790
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu,
791
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title {
792
+ padding-top: 6px;
793
+ }
794
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu .e-icon-menu,
795
+ .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title .e-icon-menu {
796
+ color: inherit;
797
+ font-size: 18px;
798
+ padding: 7px;
799
+ padding-left: 4px;
800
+ }
801
+ .e-kanban.e-device .e-kanban-header .e-swimlane .e-header-cells {
802
+ border-bottom: 0;
803
+ }
804
+ .e-kanban.e-device .e-swimlane-content {
805
+ position: absolute;
806
+ width: 100%;
807
+ }
808
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
809
+ background: #1f2937;
810
+ border: 1px solid #d1d5db;
811
+ height: 100%;
812
+ width: 225px;
813
+ }
814
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-resource .e-swimlane-tree {
815
+ height: 100%;
816
+ overflow-y: auto;
817
+ }
818
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay {
819
+ position: absolute;
820
+ }
821
+ .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
822
+ background: rgba(107, 114, 128, 0.75);
823
+ height: 100%;
824
+ opacity: 1;
825
+ width: 100%;
826
+ }
827
+
828
+ .e-bigger .e-kanban .e-swimlane-header-toolbar,
829
+ .e-bigger.e-kanban .e-swimlane-header-toolbar {
830
+ margin-bottom: 5px;
831
+ min-height: 56px;
832
+ }
833
+ .e-bigger .e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name,
834
+ .e-bigger.e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
835
+ font-size: 18px;
836
+ }
837
+ .e-bigger .e-kanban .e-swimlane-header-toolbar .e-icon-menu,
838
+ .e-bigger.e-kanban .e-swimlane-header-toolbar .e-icon-menu {
839
+ font-size: 20px;
840
+ }
841
+ .e-bigger .e-kanban .e-kanban-table.e-content-table,
842
+ .e-bigger.e-kanban .e-kanban-table.e-content-table {
843
+ border-spacing: 12px 0;
844
+ }
845
+ .e-bigger .e-kanban .e-swimlane .e-kanban-table.e-content-table,
846
+ .e-bigger.e-kanban .e-swimlane .e-kanban-table.e-content-table {
847
+ border-spacing: 12px 0;
848
+ }
849
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row,
850
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row {
851
+ padding: 16px 16px 16px 28px;
852
+ }
853
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text,
854
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
855
+ font-size: 16px;
856
+ }
857
+ .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count,
858
+ .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
859
+ line-height: 1.625;
860
+ padding: 4px;
861
+ }
862
+ .e-bigger .e-kanban .e-kanban-table col.e-collapsed,
863
+ .e-bigger.e-kanban .e-kanban-table col.e-collapsed {
864
+ width: 48px;
865
+ }
866
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells,
867
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells {
868
+ height: 48px;
869
+ padding: 16px;
870
+ }
871
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
872
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-header-text {
873
+ font-size: 14px;
874
+ font-weight: 500;
875
+ line-height: 1.5;
876
+ text-transform: uppercase;
877
+ }
878
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-item-count,
879
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-item-count {
880
+ font-size: 12px;
881
+ font-weight: 500;
882
+ line-height: 1.5;
883
+ margin-top: 2px;
884
+ text-transform: uppercase;
885
+ }
886
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
887
+ .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
888
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
889
+ .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-expand {
890
+ font-size: 20px;
891
+ }
892
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
893
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container,
894
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
895
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
896
+ padding: 16px 16px 0;
897
+ }
898
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
899
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
900
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
901
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone,
902
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
903
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
904
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
905
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
906
+ margin-bottom: 16px;
907
+ }
908
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header,
909
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header {
910
+ padding: 16px;
911
+ }
912
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text,
913
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
914
+ font-size: 16px;
915
+ line-height: 1.5;
916
+ }
917
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count,
918
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
919
+ font-size: 12px;
920
+ line-height: 1.5;
921
+ padding: 4px;
922
+ }
923
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
924
+ .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse,
925
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
926
+ .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
927
+ font-size: 14px;
928
+ }
929
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
930
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
931
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
932
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
933
+ padding: 24px 24px 0 24px;
934
+ }
935
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
936
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
937
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
938
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
939
+ padding: 8px 24px 12px 24px;
940
+ }
941
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
942
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
943
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
944
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer,
945
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
946
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
947
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
948
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
949
+ padding: 0 24px 12px 24px;
950
+ }
951
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
952
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header,
953
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
954
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
955
+ padding: 24px 24px 0;
956
+ }
957
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
958
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
959
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
960
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
961
+ padding: 8px 24px 12px;
962
+ }
963
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
964
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
965
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
966
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer,
967
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
968
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
969
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
970
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
971
+ padding: 0 24px 12px;
972
+ }
973
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
974
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
975
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
976
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card,
977
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
978
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
979
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
980
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
981
+ margin-bottom: 16px;
982
+ }
983
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header .e-card-header-title,
984
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header .e-card-header-title,
985
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
986
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title,
987
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header .e-card-header-title,
988
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header .e-card-header-title,
989
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
990
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
991
+ font-size: 16px;
992
+ line-height: 1.5;
993
+ }
994
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
995
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
996
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
997
+ .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
998
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
999
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1000
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1001
+ .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1002
+ font-size: 16px;
1003
+ line-height: 1.5;
1004
+ }
1005
+
1006
+ .e-mobile-popup-wrapper.e-device,
1007
+ .e-mobile-popup-container.e-device {
1008
+ background: #1f2937;
1009
+ border-radius: 2px;
1010
+ bottom: 0;
1011
+ -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1012
+ box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1013
+ display: -webkit-box;
1014
+ display: -ms-flexbox;
1015
+ display: flex;
1016
+ height: 60px;
1017
+ left: 0;
1018
+ margin: 0;
1019
+ max-width: 100%;
1020
+ min-width: 100%;
1021
+ opacity: 1;
1022
+ overflow: hidden;
1023
+ padding: 15px;
1024
+ position: fixed;
1025
+ right: 0;
1026
+ top: 0;
1027
+ -webkit-user-select: none;
1028
+ -moz-user-select: none;
1029
+ -ms-user-select: none;
1030
+ user-select: none;
1031
+ width: 100%;
1032
+ z-index: 1004;
1033
+ }
1034
+ .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
1035
+ .e-mobile-popup-container.e-device .e-popup-header .e-close {
1036
+ background: transparent;
1037
+ }
1038
+ .e-mobile-popup-wrapper.e-device .e-popup-content,
1039
+ .e-mobile-popup-container.e-device .e-popup-content {
1040
+ color: inherit;
1041
+ font-size: 15px;
1042
+ font-weight: 500;
1043
+ overflow: hidden;
1044
+ padding: 5px;
1045
+ text-overflow: ellipsis;
1046
+ white-space: nowrap;
1047
+ width: 100%;
1048
+ }
1049
+
1050
+ .e-kanban-dialog.e-dialog {
1051
+ min-width: 350px;
1052
+ }
1053
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
1054
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table {
1055
+ width: 100%;
1056
+ }
1057
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
1058
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table td {
1059
+ color: #d1d5db;
1060
+ font-size: 14px;
1061
+ font-weight: 500;
1062
+ letter-spacing: 0;
1063
+ line-height: 1.5;
1064
+ opacity: 1;
1065
+ padding: 8px 0;
1066
+ text-align: left;
1067
+ }
1068
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
1069
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
1070
+ resize: vertical;
1071
+ }
1072
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
1073
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
1074
+ padding-right: 10px;
1075
+ vertical-align: top;
1076
+ width: 70px;
1077
+ }
1078
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
1079
+ .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
1080
+ width: 100%;
1081
+ }
1082
+ .e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
1083
+ float: left;
1084
+ margin-left: 0;
1085
+ }
1086
+
1087
+ *.e-rtl .e-kanban-form-wrapper table .e-label,
1088
+ *.e-rtl .e-kanban-form-container table .e-label {
1089
+ padding-left: 10px;
1090
+ padding-right: 0;
1091
+ text-align: right;
1092
+ }
1093
+ *.e-rtl .e-dialog-delete {
1094
+ float: right;
1095
+ }
1096
+
1097
+ .e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
1098
+ border-radius: 6px;
1099
+ }
1100
+
1101
+ .e-card-virtual-skeleton-wrapper {
1102
+ height: inherit;
1103
+ overflow: hidden;
1104
+ padding: 12px 12px 0;
1105
+ }
1106
+
1107
+ /*! kanban component theme */
1108
+ .e-kanban {
1109
+ background: #1f2937;
1110
+ }
1111
+ .e-kanban .e-kanban-table .e-header-cells {
1112
+ background: #374151;
1113
+ }
1114
+ .e-kanban .e-kanban-table .e-header-cells .e-header-text {
1115
+ color: #9ca3af;
1116
+ }
1117
+ .e-kanban .e-kanban-table .e-header-cells .e-item-count {
1118
+ color: #8b919e;
1119
+ }
1120
+ .e-kanban .e-kanban-table .e-header-cells .e-limits {
1121
+ color: #8b919e;
1122
+ }
1123
+ .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
1124
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
1125
+ border: 1px solid transparent;
1126
+ color: #6b7280;
1127
+ }
1128
+ .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
1129
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
1130
+ .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
1131
+ background: none;
1132
+ border: 1px solid transparent;
1133
+ border-radius: 4px;
1134
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
1135
+ box-shadow: 0 0 0 1px #22d3ee;
1136
+ color: #22d3ee;
1137
+ }
1138
+ .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
1139
+ background: #374151;
1140
+ }
1141
+ .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
1142
+ .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
1143
+ color: #fff;
1144
+ }
1145
+ .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
1146
+ background: #155e75;
1147
+ }
1148
+ .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
1149
+ color: #22d3ee;
1150
+ }
1151
+ .e-kanban .e-kanban-table.e-content-table .e-card {
1152
+ background: #1f2937;
1153
+ }
1154
+ .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
1155
+ background: #374151;
1156
+ }
1157
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
1158
+ color: #fff;
1159
+ }
1160
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
1161
+ color: #d1d5db;
1162
+ }
1163
+ .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
1164
+ background: #4b5563;
1165
+ color: #fff;
1166
+ }
1167
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
1168
+ background: #155e75;
1169
+ border-color: #22d3ee;
1170
+ }
1171
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-bottom-border {
1172
+ border-bottom-color: #22d3ee;
1173
+ }
1174
+ .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active:first-child {
1175
+ border-color: #22d3ee;
1176
+ }
1177
+ .e-kanban .e-frozen-swimlane-row {
1178
+ background: #1f2937;
1179
+ }
1180
+ .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
1181
+ color: #fff;
1182
+ }
1183
+ .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
1184
+ color: #8b919e;
1185
+ }
1186
+
1187
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
1188
+ background: initial;
1189
+ color: #fff;
1190
+ min-width: 70%;
1191
+ font-weight: normal;
1192
+ border-color: #d1d5db;
1193
+ border-radius: 4px;
1194
+ outline: none;
1195
+ padding: 4px 8px 4px 12px;
1196
+ }
1197
+ .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
1198
+ -webkit-box-shadow: 0 0 0 2px #22d3ee;
1199
+ box-shadow: 0 0 0 2px #22d3ee;
1200
+ }
1201
+
1202
+ .e-card-virtual-skeleton-wrapper,
1203
+ .e-card-skeleton-wrapper {
1204
+ background: #374151;
1205
+ }