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