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