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