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