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