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