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

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