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