@syncfusion/ej2-angular-kanban 23.2.4 → 24.1.41-ngcc

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