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