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