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