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