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