@syncfusion/ej2-angular-kanban 26.2.4 → 26.2.5-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 (67) 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/license +10 -0
  12. package/package.json +14 -28
  13. package/src/kanban/columns.directive.d.ts +0 -5
  14. package/src/kanban/kanban-all.module.d.ts +0 -6
  15. package/src/kanban/kanban.component.d.ts +0 -3
  16. package/src/kanban/kanban.module.d.ts +0 -8
  17. package/src/kanban/stackedheaders.directive.d.ts +0 -5
  18. package/styles/bootstrap-dark.css +1 -1202
  19. package/styles/bootstrap.css +1 -1196
  20. package/styles/bootstrap4.css +1 -1302
  21. package/styles/bootstrap5-dark.css +1 -1263
  22. package/styles/bootstrap5.css +1 -1263
  23. package/styles/fabric-dark.css +1 -1165
  24. package/styles/fabric.css +1 -1154
  25. package/styles/fluent-dark.css +1 -1230
  26. package/styles/fluent.css +1 -1230
  27. package/styles/fluent2.css +1 -2252
  28. package/styles/highcontrast-light.css +1 -1239
  29. package/styles/highcontrast.css +1 -1248
  30. package/styles/kanban/bootstrap-dark.css +1 -1202
  31. package/styles/kanban/bootstrap.css +1 -1196
  32. package/styles/kanban/bootstrap4.css +1 -1302
  33. package/styles/kanban/bootstrap5-dark.css +1 -1263
  34. package/styles/kanban/bootstrap5.css +1 -1263
  35. package/styles/kanban/fabric-dark.css +1 -1165
  36. package/styles/kanban/fabric.css +1 -1154
  37. package/styles/kanban/fluent-dark.css +1 -1230
  38. package/styles/kanban/fluent.css +1 -1230
  39. package/styles/kanban/fluent2.css +1 -2252
  40. package/styles/kanban/highcontrast-light.css +1 -1239
  41. package/styles/kanban/highcontrast.css +1 -1248
  42. package/styles/kanban/material-dark.css +1 -1183
  43. package/styles/kanban/material.css +1 -1208
  44. package/styles/kanban/material3-dark.css +1 -1325
  45. package/styles/kanban/material3.css +1 -1437
  46. package/styles/kanban/tailwind-dark.css +1 -1205
  47. package/styles/kanban/tailwind.css +1 -1205
  48. package/styles/material-dark.css +1 -1183
  49. package/styles/material.css +1 -1208
  50. package/styles/material3-dark.css +1 -1325
  51. package/styles/material3.css +1 -1437
  52. package/styles/tailwind-dark.css +1 -1205
  53. package/styles/tailwind.css +1 -1205
  54. package/CHANGELOG.md +0 -513
  55. package/esm2020/public_api.mjs +0 -2
  56. package/esm2020/src/index.mjs +0 -7
  57. package/esm2020/src/kanban/columns.directive.mjs +0 -66
  58. package/esm2020/src/kanban/kanban-all.module.mjs +0 -23
  59. package/esm2020/src/kanban/kanban.component.mjs +0 -100
  60. package/esm2020/src/kanban/kanban.module.mjs +0 -43
  61. package/esm2020/src/kanban/stackedheaders.directive.mjs +0 -58
  62. package/esm2020/syncfusion-ej2-angular-kanban.mjs +0 -5
  63. package/fesm2015/syncfusion-ej2-angular-kanban.mjs +0 -277
  64. package/fesm2015/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  65. package/fesm2020/syncfusion-ej2-angular-kanban.mjs +0 -277
  66. package/fesm2020/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  67. package/syncfusion-ej2-angular-kanban.d.ts +0 -5
@@ -1,1205 +1 @@
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: #d1d5db;
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: #d1d5db;
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: #d1d5db;
1116
- }
1117
- .e-kanban .e-kanban-table .e-header-cells .e-item-count {
1118
- color: #d1d5db;
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
- }
1
+ @import '@syncfusion/ej2-kanban/styles/tailwind-dark.css';