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