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