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