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