@syncfusion/ej2-angular-kanban 26.2.4 → 26.2.5-ngcc

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