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