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