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