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