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