@syncfusion/ej2-angular-kanban 26.2.4 → 26.2.5-ngcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/@syncfusion/ej2-angular-kanban.es5.js +355 -0
  2. package/@syncfusion/ej2-angular-kanban.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-kanban.js +323 -0
  4. package/@syncfusion/ej2-angular-kanban.js.map +1 -0
  5. package/dist/ej2-angular-kanban.umd.js +397 -0
  6. package/dist/ej2-angular-kanban.umd.js.map +1 -0
  7. package/dist/ej2-angular-kanban.umd.min.js +11 -0
  8. package/dist/ej2-angular-kanban.umd.min.js.map +1 -0
  9. package/ej2-angular-kanban.d.ts +5 -0
  10. package/ej2-angular-kanban.metadata.json +1 -0
  11. package/license +10 -0
  12. package/package.json +14 -28
  13. package/src/kanban/columns.directive.d.ts +0 -5
  14. package/src/kanban/kanban-all.module.d.ts +0 -6
  15. package/src/kanban/kanban.component.d.ts +0 -3
  16. package/src/kanban/kanban.module.d.ts +0 -8
  17. package/src/kanban/stackedheaders.directive.d.ts +0 -5
  18. package/styles/bootstrap-dark.css +1 -1202
  19. package/styles/bootstrap.css +1 -1196
  20. package/styles/bootstrap4.css +1 -1302
  21. package/styles/bootstrap5-dark.css +1 -1263
  22. package/styles/bootstrap5.css +1 -1263
  23. package/styles/fabric-dark.css +1 -1165
  24. package/styles/fabric.css +1 -1154
  25. package/styles/fluent-dark.css +1 -1230
  26. package/styles/fluent.css +1 -1230
  27. package/styles/fluent2.css +1 -2252
  28. package/styles/highcontrast-light.css +1 -1239
  29. package/styles/highcontrast.css +1 -1248
  30. package/styles/kanban/bootstrap-dark.css +1 -1202
  31. package/styles/kanban/bootstrap.css +1 -1196
  32. package/styles/kanban/bootstrap4.css +1 -1302
  33. package/styles/kanban/bootstrap5-dark.css +1 -1263
  34. package/styles/kanban/bootstrap5.css +1 -1263
  35. package/styles/kanban/fabric-dark.css +1 -1165
  36. package/styles/kanban/fabric.css +1 -1154
  37. package/styles/kanban/fluent-dark.css +1 -1230
  38. package/styles/kanban/fluent.css +1 -1230
  39. package/styles/kanban/fluent2.css +1 -2252
  40. package/styles/kanban/highcontrast-light.css +1 -1239
  41. package/styles/kanban/highcontrast.css +1 -1248
  42. package/styles/kanban/material-dark.css +1 -1183
  43. package/styles/kanban/material.css +1 -1208
  44. package/styles/kanban/material3-dark.css +1 -1325
  45. package/styles/kanban/material3.css +1 -1437
  46. package/styles/kanban/tailwind-dark.css +1 -1205
  47. package/styles/kanban/tailwind.css +1 -1205
  48. package/styles/material-dark.css +1 -1183
  49. package/styles/material.css +1 -1208
  50. package/styles/material3-dark.css +1 -1325
  51. package/styles/material3.css +1 -1437
  52. package/styles/tailwind-dark.css +1 -1205
  53. package/styles/tailwind.css +1 -1205
  54. package/CHANGELOG.md +0 -513
  55. package/esm2020/public_api.mjs +0 -2
  56. package/esm2020/src/index.mjs +0 -7
  57. package/esm2020/src/kanban/columns.directive.mjs +0 -66
  58. package/esm2020/src/kanban/kanban-all.module.mjs +0 -23
  59. package/esm2020/src/kanban/kanban.component.mjs +0 -100
  60. package/esm2020/src/kanban/kanban.module.mjs +0 -43
  61. package/esm2020/src/kanban/stackedheaders.directive.mjs +0 -58
  62. package/esm2020/syncfusion-ej2-angular-kanban.mjs +0 -5
  63. package/fesm2015/syncfusion-ej2-angular-kanban.mjs +0 -277
  64. package/fesm2015/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  65. package/fesm2020/syncfusion-ej2-angular-kanban.mjs +0 -277
  66. package/fesm2020/syncfusion-ej2-angular-kanban.mjs.map +0 -1
  67. package/syncfusion-ej2-angular-kanban.d.ts +0 -5
@@ -1,2252 +1 @@
1
- :root {
2
- --color-sf-black: #000;
3
- --color-sf-white: #fff;
4
- --color-sf-primary: #0f6cbd;
5
- --color-sf-primary-text-color: #fff;
6
- --color-sf-primary-light: #b4d6fa;
7
- --color-sf-primary-lighter: #ebf3fc;
8
- --color-sf-primary-dark: #0f548c;
9
- --color-sf-primary-darker: #0c3b5e;
10
- --color-sf-success: #0e700e;
11
- --color-sf-info: #008aa9;
12
- --color-sf-warning: #bc4b09;
13
- --color-sf-danger: #d13438;
14
- --color-sf-success-light: #54b054;
15
- --color-sf-info-light: #56bfd7;
16
- --color-sf-warning-light: #fee5d7;
17
- --color-sf-danger-light: #eeacb2;
18
- --color-sf-success-dark: #54b054;
19
- --color-sf-info-dark: #56bfd7;
20
- --color-sf-warning-dark: #8a3707;
21
- --color-sf-danger-dark: #6e0811;
22
- --color-sf-success-light-alt: #f1faf1;
23
- --color-sf-info-light-alt: #f2fafc;
24
- --color-sf-warning-light-alt: #fff9f5;
25
- --color-sf-danger-light-alt: #fdf3f4;
26
- --color-sf-badge-warning: #fde300;
27
- --color-sf-badge-warning-text: #847619;
28
- --color-sf-primary-label-color: var(--color-sf-primary);
29
- --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
30
- --color-sf-brand-primary: #7e56d8;
31
- --color-sf-brand-primary-d10: #6e41d3;
32
- --color-sf-content-bg-color: #fafafa;
33
- --color-sf-content-bg-color-alt1: #fff;
34
- --color-sf-content-bg-color-alt2: #f5f5f5;
35
- --color-sf-content-bg-color-alt3: #e6e6e6;
36
- --color-sf-content-bg-color-alt4: #f0f0f0;
37
- --color-sf-content-bg-color-alt5: #ebebeb;
38
- --color-sf-content-bg-color-alt6: #e6e6e6;
39
- --color-sf-content-bg-color-hover: #f0f0f0;
40
- --color-sf-content-bg-color-pressed: #dbdbdb;
41
- --color-sf-content-bg-color-focus: #f0f0f0;
42
- --color-sf-content-bg-color-selected: #e6e6e6;
43
- --color-sf-content-bg-color-dragged: #ebf3fc;
44
- --color-sf-content-bg-color-disabled: #f0f0f0;
45
- --color-sf-flyout-bg-color: #fff;
46
- --color-sf-flyout-bg-color-hover: #f5f5f5;
47
- --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
- --color-sf-flyout-bg-color-selected: #ebebeb;
49
- --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
51
- --color-sf-table-bg-color-hover: #f5f5f5;
52
- --color-sf-table-bg-color-pressed: #e0e0e0;
53
- --color-sf-table-bg-color-selected: #ebf3fc;
54
- --color-sf-content-text-color: #242424;
55
- --color-sf-content-text-color-alt1: #424242;
56
- --color-sf-content-text-color-alt2: #616161;
57
- --color-sf-content-text-color-alt3: #707070;
58
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
59
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
60
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
61
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
62
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
63
- --color-sf-content-text-color-disabled: #bdbdbd;
64
- --color-sf-placeholder-text-color: #707070;
65
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
66
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
67
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
68
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
69
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
70
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
71
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
72
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
73
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
74
- --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
75
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
76
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
77
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
78
- --color-sf-border-light: #e0e0e0;
79
- --color-sf-border: #d1d1d1;
80
- --color-sf-border-alt: #616161;
81
- --color-sf-border-dark: #c7c7c7;
82
- --color-sf-border-hover: #575757;
83
- --color-sf-border-pressed: #4d4d4d;
84
- --color-sf-border-focus: var(--color-sf-border);
85
- --color-sf-border-selected: #b3b3b3;
86
- --color-sf-border-dragged: #ebf3fc;
87
- --color-sf-border-disabled: var(--color-sf-border-light);
88
- --color-sf-border-warning: #da3b01;
89
- --color-sf-border-error: #c50f1f;
90
- --color-sf-border-success: #107c10;
91
- --color-sf-border-info: #0099bc;
92
- --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
93
- --color-sf-flyout-border: var(--color-sf-border-light);
94
- --color-sf-primary-bg-color: var(--color-sf-primary);
95
- --color-sf-primary-border-color: var(--color-sf-primary);
96
- --color-sf-primary-text: var(--color-sf-primary-text-color);
97
- --color-sf-primary-bg-color-hover: #115ea3;
98
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
99
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
100
- --color-sf-primary-bg-color-pressed: #0c3b5e;
101
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
102
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
103
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
104
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
105
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
106
- --color-sf-primary-bg-color-disabled: #f0f0f0;
107
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
108
- --color-sf-primary-text-disabled: #b8b8b8;
109
- --color-sf-primary-bg-color-selected: #0f548c;
110
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
111
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
112
- --color-sf-secondary-bg-color: #fff;
113
- --color-sf-secondary-border-color: #d1d1d1;
114
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
115
- --color-sf-secondary-bg-color-hover: #f5f5f5;
116
- --color-sf-secondary-border-color-hover: #c7c7c7;
117
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
118
- --color-sf-secondary-bg-color-pressed: #e0e0e0;
119
- --color-sf-secondary-border-color-pressed: #b3b3b3;
120
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
121
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
122
- --color-sf-secondary-border-color-focus: #000;
123
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
124
- --color-sf-secondary-bg-color-disabled: #f0f0f0;
125
- --color-sf-secondary-border-color-disabled: #e0e0e0;
126
- --color-sf-secondary-text-color-disabled: #bdbdbd;
127
- --color-sf-secondary-bg-color-selected: #ebebeb;
128
- --color-sf-secondary-border-color-selected: #bdbdbd;
129
- --color-sf-secondary-text-color-selected: #242424;
130
- --color-sf-success-bg-color: #107c10;
131
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
132
- --color-sf-success-text: var(--color-sf-primary-text-color);
133
- --color-sf-success-bg-color-hover: #0c5e0c;
134
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
135
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
136
- --color-sf-success-bg-color-pressed: #052505;
137
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
138
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
139
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
140
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
141
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
142
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
143
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
144
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
145
- --color-sf-success-bg-color-selected: #094509;
146
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
147
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
148
- --color-sf-warning-bg-color: #f7630c;
149
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
150
- --color-sf-warning-text: var(--color-sf-content-text-color);
151
- --color-sf-warning-bg-color-hover: #bc4b09;
152
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
153
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
154
- --color-sf-warning-bg-color-pressed: #4a1e04;
155
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
156
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
157
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
158
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
159
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
160
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
161
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
162
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
163
- --color-sf-warning-bg-color-selected: #bc4b09;
164
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
165
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
166
- --color-sf-info-bg-color: #31afcc;
167
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
168
- --color-sf-info-text: var(--color-sf-content-text-color);
169
- --color-sf-info-bg-color-hover: #008aa9;
170
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
171
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
172
- --color-sf-info-bg-color-pressed: #00748f;
173
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
174
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
175
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
176
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
177
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
178
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
179
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
180
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
181
- --color-sf-info-bg-color-selected: #005669;
182
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
183
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
184
- --color-sf-danger-bg-color: #c50f1f;
185
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
186
- --color-sf-danger-text: var(--color-sf-primary-text-color);
187
- --color-sf-danger-bg-color-hover: #960b18;
188
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
189
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
190
- --color-sf-danger-bg-color-pressed: #3b0509;
191
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
192
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
193
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
194
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
195
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
196
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
197
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
198
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
199
- --color-sf-danger-bg-color-selected: #6e0811;
200
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
201
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
202
- --color-sf-primary-outline: var(--color-sf-primary);
203
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
204
- --color-sf-warning-outline: var(--color-sf-warning-border-color);
205
- --color-sf-danger-outline: var(--color-sf-danger-border-color);
206
- --color-sf-success-outline: var(--color-sf-success-border-color);
207
- --color-sf-info-outline: var(--color-sf-info-border-color);
208
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
- --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
214
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
215
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
216
- --color-sf-appbar-hover-bg-color-alt1: transparent;
217
- --color-sf-appbar-bg-color-alt2: #141414;
218
- --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
219
- --color-sf-appbar-border-color-alt2: #141414;
220
- --color-sf-appbar-hover-bg-color-alt2: transparent;
221
- --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
222
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
223
- --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
224
- --color-sf-rating-selected-color: #242424;
225
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
226
- --color-sf-rating-selected-disabled-color: #b3b3b3;
227
- --color-sf-rating-unrated-disabled-color: #b3b3b3;
228
- --color-sf-rating-selected-hover-color: #115ea3;
229
- --color-sf-rating-unrated-hover-color: #0f6cbd;
230
- --color-sf-rating-pressed-color: #0f548c;
231
- --color-sf-msg-color: var(--color-sf-content-text-color);
232
- --color-sf-msg-bg-color: #f5f5f5;
233
- --color-sf-msg-border-color: #d1d1d1;
234
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
235
- --color-sf-msg-bg-color-alt1: transparent;
236
- --color-sf-msg-border-color-alt1: #d1d1d1;
237
- --color-sf-msg-color-alt2: #fff;
238
- --color-sf-msg-bg-color-alt2: #616161;
239
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
240
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
241
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
242
- --color-sf-msg-icon-color-alt2: #fff;
243
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
244
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
245
- --color-sf-msg-close-icon-color-alt2: #fff;
246
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
247
- --color-sf-msg-success-bg-color: #f1faf1;
248
- --color-sf-msg-success-border-color: #9fd89f;
249
- --color-sf-msg-success-color-alt1: #0e700e;
250
- --color-sf-msg-success-bg-color-alt1: transparent;
251
- --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
252
- --color-sf-msg-success-color-alt2: #fff;
253
- --color-sf-msg-success-bg-color-alt2: #107c10;
254
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
255
- --color-sf-msg-success-icon-color: #0e700e;
256
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
257
- --color-sf-msg-success-icon-color-alt2: #fff;
258
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
259
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
260
- --color-sf-msg-success-close-icon-color-alt2: #fff;
261
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
262
- --color-sf-msg-danger-bg-color: #fdf3f4;
263
- --color-sf-msg-danger-border-color: #eeacb2;
264
- --color-sf-msg-danger-color-alt1: #b10e1c;
265
- --color-sf-msg-danger-bg-color-alt1: transparent;
266
- --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
267
- --color-sf-msg-danger-color-alt2: #fff;
268
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
269
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
270
- --color-sf-msg-danger-icon-color: #b10e1c;
271
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
272
- --color-sf-msg-danger-icon-color-alt2: #fff;
273
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
274
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
275
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
276
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
277
- --color-sf-msg-info-bg-color: #f2fafc;
278
- --color-sf-msg-info-border-color: #a4deeb;
279
- --color-sf-msg-info-color-alt1: #00748f;
280
- --color-sf-msg-info-bg-color-alt1: transparent;
281
- --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
282
- --color-sf-msg-info-color-alt2: #fff;
283
- --color-sf-msg-info-bg-color-alt2: #0099bc;
284
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
285
- --color-sf-msg-info-icon-color: #008aa9;
286
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
287
- --color-sf-msg-info-icon-color-alt2: #fff;
288
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
289
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
290
- --color-sf-msg-info-close-icon-color-alt2: #fff;
291
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
292
- --color-sf-msg-warning-bg-color: #fdf6f3;
293
- --color-sf-msg-warning-border-color: #f4bfab;
294
- --color-sf-msg-warning-color-alt1: #c43501;
295
- --color-sf-msg-warning-bg-color-alt1: transparent;
296
- --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
297
- --color-sf-msg-warning-color-alt2: #fff;
298
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
299
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
300
- --color-sf-msg-warning-icon-color: #c43501;
301
- --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
302
- --color-sf-msg-warning-icon-color-alt2: #fff;
303
- --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
304
- --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
305
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
306
- --color-sf-utility-primary-lighter: #f9f5ff;
307
- --color-sf-utility-success-lighter: #aaefc6;
308
- --color-sf-utility-info-lighter: #b9e6fe;
309
- --color-sf-utility-warning-lighter: #fede88;
310
- --color-sf-utility-danger-lighter: #fecdc9;
311
- --color-sf-fg-white: #fff;
312
- --color-sf-shadow-color: #000;
313
- --color-sf-shadow-color1: #fff;
314
- --color-sf-link-button: var(--color-sf-primary);
315
- --color-sf-link-button-hover: #115ea3;
316
- --color-sf-link-button-pressed: #0c3b5e;
317
- --color-sf-link-button-focus: #0f6cbd;
318
- --color-sf-link-button-border-focus: #242424;
319
- --color-sf-chip-bg-color: #f5f5f5;
320
- --color-sf-chip-border-color: #f5f5f5;
321
- --color-sf-chip-bg-disabled: #f0f0f0;
322
- --color-sf-chip-border-disabled: #fff;
323
- --color-sf-secondary-outline-button-text-color-hover: #242424;
324
- --color-sf-secondary-outline-button-text-color-pressed: #242424;
325
- --color-sf-secondary-outline-button-text-color-selected: #242424;
326
- --color-sf-secondary-outline-button-text-color-focus: #242424;
327
- --color-sf-slider-shadow1: #fff;
328
- --color-sf-slider-shadow2: #d1d1d1;
329
- --color-sf-slider-disabled: #d1d1d1;
330
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
331
- --color-sf-slider-bg-disabled: #e0e0e0;
332
- --color-sf-toggle-switch-border-disabled: #f0f0f0;
333
- --color-sf-calendar-icon-color: #0f6ebd;
334
- --color-sf-calendar-header-text-color-pressed: #0f548c;
335
- --color-sf-calendar-today-bg-color: #0f63bd;
336
- --color-sf-dialog-border: #fafafa;
337
- --color-sf-badge-light-bg-color: #e6e6e6;
338
- --color-sf-secondary-badge-border-color: #fff;
339
- --color-sf-secondary-badge-bg-color: #fff;
340
- --color-sf-secondary-badge-bg-color-focus: #fff;
341
- --color-sf-skeleton-bg-color: #e6e6e6;
342
- --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
343
- --color-sf-tab-selected-text-color-disabled: #bdbdbd;
344
- --color-sf-ribbon-border-color: #00000000;
345
- --color-sf-toolbar-icon-color: #0f6cbd;
346
- --color-sf-contextual-text: #616161;
347
- --color-sf-cell-selection-bg-color: #ebf3fc;
348
- --color-sf-document-editor-border-color: #00000000;
349
- }
350
-
351
- .e-dark-mode {
352
- --color-sf-black: #000;
353
- --color-sf-white: #fff;
354
- --color-sf-content-bg-color: #1f1f1f;
355
- --color-sf-content-bg-color-alt1: #292929;
356
- --color-sf-content-bg-color-alt2: #141414;
357
- --color-sf-content-bg-color-alt3: #333;
358
- --color-sf-content-bg-color-alt4: #0a0a0a;
359
- --color-sf-content-bg-color-alt5: #000;
360
- --color-sf-content-bg-color-alt6: #050505;
361
- --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
362
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
363
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
364
- --color-sf-content-bg-color-selected: #2e2e2e;
365
- --color-sf-content-bg-color-dragged: #08233b;
366
- --color-sf-content-bg-color-disabled: #141414;
367
- --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
368
- --color-sf-flyout-bg-color-hover: #3d3d3d;
369
- --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
- --color-sf-flyout-bg-color-selected: #383838;
371
- --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
373
- --color-sf-table-bg-color-hover: #383838;
374
- --color-sf-table-bg-color-pressed: #2e2e2e;
375
- --color-sf-table-bg-color-selected: #082338;
376
- --color-sf-content-text-color: #fff;
377
- --color-sf-content-text-color-alt1: #d6d6d6;
378
- --color-sf-content-text-color-alt2: #adadad;
379
- --color-sf-content-text-color-alt3: #999;
380
- --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
381
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
382
- --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
383
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
384
- --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
385
- --color-sf-content-text-color-disabled: #5c5c5c;
386
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
387
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
388
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
389
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
390
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
391
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
392
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
393
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
394
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
395
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
396
- --color-sf-icon-color: #d6d6d6;
397
- --color-sf-icon-color-hover: var(--color-sf-content-text-color);
398
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
399
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
400
- --color-sf-border-light: #525252;
401
- --color-sf-border: #666;
402
- --color-sf-border-alt: #adadad;
403
- --color-sf-border-dark: #757575;
404
- --color-sf-border-hover: #757575;
405
- --color-sf-border-pressed: #4d4d4d;
406
- --color-sf-border-focus: var(--color-sf-border);
407
- --color-sf-border-selected: #6b6b6b;
408
- --color-sf-border-dragged: var(--color-sf-primary);
409
- --color-sf-border-disabled: #424242;
410
- --color-sf-border-warning: #bc4b09;
411
- --color-sf-border-error: #dc626d;
412
- --color-sf-border-success: #9fd89f;
413
- --color-sf-border-info: #18a4c4;
414
- --color-sf-spreadsheet-gridline: #e6e6e6;
415
- --color-sf-flyout-border: #525252;
416
- --color-sf-primary: #115ea3;
417
- --color-sf-primary-text-color: #fff;
418
- --color-sf-primary-light: #0e4775;
419
- --color-sf-primary-lighter: #082338;
420
- --color-sf-primary-dark: #62abf5;
421
- --color-sf-primary-darker: #96c6fa;
422
- --color-sf-success: #107c10;
423
- --color-sf-info: #0099bc;
424
- --color-sf-warning: #faa06b;
425
- --color-sf-danger: #dc626d;
426
- --color-sf-success-light: #094509;
427
- --color-sf-info-light: #005669;
428
- --color-sf-warning-light: #4a1e04;
429
- --color-sf-danger-light: #6e0811;
430
- --color-sf-success-dark: #c9eac9;
431
- --color-sf-info-dark: #cdedf4;
432
- --color-sf-warning-dark: #fee5d7;
433
- --color-sf-danger-dark: #fee5d7;
434
- --color-sf-success-light-alt: #052505;
435
- --color-sf-info-light-alt: #002e38;
436
- --color-sf-warning-light-alt: #4a1e04;
437
- --color-sf-danger-light-alt: #3b0509;
438
- --color-sf-badge-warning: #fde300;
439
- --color-sf-badge-warning-text: #fde300;
440
- --color-sf-primary-label-color: #479ef5;
441
- --color-sf-primary-cell-selection: #ebf3fc;
442
- --color-sf-primary-bg-color: var(--color-sf-primary);
443
- --color-sf-primary-border-color: var(--color-sf-primary);
444
- --color-sf-primary-text: var(--color-sf-primary-text-color);
445
- --color-sf-primary-bg-color-hover: #0f6cbd;
446
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
447
- --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
448
- --color-sf-primary-bg-color-pressed: #0c3b5e;
449
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
450
- --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
451
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
452
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
453
- --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
454
- --color-sf-primary-bg-color-disabled: #141414;
455
- --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
456
- --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
457
- --color-sf-primary-bg-color-selected: #0f548c;
458
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
459
- --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
460
- --color-sf-secondary-bg-color: #292929;
461
- --color-sf-secondary-border-color: var(--color-sf-border);
462
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
463
- --color-sf-secondary-bg-color-hover: #3d3d3d;
464
- --color-sf-secondary-border-color-hover: #757575;
465
- --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
466
- --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
467
- --color-sf-secondary-border-color-pressed: #6b6b6b;
468
- --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
469
- --color-sf-secondary-bg-color-focus: #383838;
470
- --color-sf-secondary-border-color-focus: #fff;
471
- --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
472
- --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
473
- --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
474
- --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
475
- --color-sf-secondary-bg-color-selected: #383838;
476
- --color-sf-secondary-border-color-selected: #707070;
477
- --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
478
- --color-sf-success-bg-color: #218c21;
479
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
- --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: #0e700e;
482
- --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
- --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
- --color-sf-success-bg-color-pressed: #052505;
485
- --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
486
- --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
487
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
488
- --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
489
- --color-sf-success-text-focus: var(--color-sf-primary-text-color);
490
- --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
491
- --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
492
- --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
493
- --color-sf-success-bg-color-selected: #094509;
494
- --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
495
- --color-sf-success-text-selected: var(--color-sf-primary-text-color);
496
- --color-sf-warning-bg-color: #f87528;
497
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
- --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: #de590b;
500
- --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
- --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
- --color-sf-warning-bg-color-pressed: #4a1e04;
503
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
504
- --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
505
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
506
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
507
- --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
508
- --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
509
- --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
510
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
511
- --color-sf-warning-bg-color-selected: #8a3707;
512
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
513
- --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
514
- --color-sf-info-bg-color: #18a4c4;
515
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
516
- --color-sf-info-text: #242424;
517
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
518
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
519
- --color-sf-info-text-hover: var(--color-sf-primary-text-color);
520
- --color-sf-info-bg-color-pressed: #002e38;
521
- --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
522
- --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
523
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
524
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
525
- --color-sf-info-text-focus: var(--color-sf-primary-text-color);
526
- --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
527
- --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
528
- --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
529
- --color-sf-info-bg-color-selected: #005669;
530
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
531
- --color-sf-info-text-selected: var(--color-sf-primary-text-color);
532
- --color-sf-danger-bg-color: #cc2635;
533
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
534
- --color-sf-danger-text: var(--color-sf-primary-text-color);
535
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
536
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
537
- --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
538
- --color-sf-danger-bg-color-pressed: #3b0509;
539
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
540
- --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
541
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
542
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
543
- --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
544
- --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
545
- --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
546
- --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
547
- --color-sf-danger-bg-color-selected: #6e0811;
548
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
549
- --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
550
- --color-sf-primary-outline: var(--color-sf-primary);
551
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
552
- --color-sf-warning-outline: #f7630c;
553
- --color-sf-danger-outline: #c50f1f;
554
- --color-sf-success-outline: #107c10;
555
- --color-sf-info-outline: #0099bc;
556
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
- --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
- --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
562
- --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
563
- --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
564
- --color-sf-appbar-hover-bg-color-alt1: transparent;
565
- --color-sf-appbar-bg-color-alt2: #f5f5f5;
566
- --color-sf-appbar-color-alt2: #242424;
567
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
568
- --color-sf-appbar-hover-bg-color-alt2: transparent;
569
- --color-sf-diagram-palette-background: #e0e0e0;
570
- --color-sf-diagram-palette-hover-background: #bdbdbd;
571
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
572
- --color-sf-rating-selected-color: #fff;
573
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
574
- --color-sf-rating-selected-disabled-color: #575757;
575
- --color-sf-rating-unrated-disabled-color: #4d4d4d;
576
- --color-sf-rating-selected-hover-color: #2886de;
577
- --color-sf-rating-unrated-hover-color: #115ea3;
578
- --color-sf-rating-pressed-color: #479ef5;
579
- --color-sf-msg-color: var(--color-sf-content-text-color);
580
- --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
581
- --color-sf-msg-border-color: var(--color-sf-border);
582
- --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
583
- --color-sf-msg-bg-color-alt1: transparent;
584
- --color-sf-msg-border-color-alt1: #666666;
585
- --color-sf-msg-color-alt2: #242424;
586
- --color-sf-msg-bg-color-alt2: #c2c2c2;
587
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
588
- --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
589
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
590
- --color-sf-msg-icon-color-alt2: #fff;
591
- --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
592
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
593
- --color-sf-msg-close-icon-color-alt2: #fff;
594
- --color-sf-msg-success-color: var(--color-sf-content-text-color);
595
- --color-sf-msg-success-bg-color: #052505;
596
- --color-sf-msg-success-border-color: #107c10;
597
- --color-sf-msg-success-color-alt1: #54b054;
598
- --color-sf-msg-success-bg-color-alt1: transparent;
599
- --color-sf-msg-success-border-color-alt1: #218c21;
600
- --color-sf-msg-success-color-alt2: #fff;
601
- --color-sf-msg-success-bg-color-alt2: #107c10;
602
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
603
- --color-sf-msg-success-icon-color: #54b054;
604
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
605
- --color-sf-msg-success-icon-color-alt2: #fff;
606
- --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
607
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
608
- --color-sf-msg-success-close-icon-color-alt2: #fff;
609
- --color-sf-msg-danger-color: var(--color-sf-content-text-color);
610
- --color-sf-msg-danger-bg-color: #3b0509;
611
- --color-sf-msg-danger-border-color: #c50f1f;
612
- --color-sf-msg-danger-color-alt1: #dc626d;
613
- --color-sf-msg-danger-bg-color-alt1: transparent;
614
- --color-sf-msg-danger-border-color-alt1: #d33f4c;
615
- --color-sf-msg-danger-color-alt2: #fff;
616
- --color-sf-msg-danger-bg-color-alt2: #c50f1f;
617
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
618
- --color-sf-msg-danger-icon-color: #dc626d;
619
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
620
- --color-sf-msg-danger-icon-color-alt2: #fff;
621
- --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
622
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
623
- --color-sf-msg-danger-close-icon-color-alt2: #fff;
624
- --color-sf-msg-info-color: var(--color-sf-content-text-color);
625
- --color-sf-msg-info-bg-color: #002e38;
626
- --color-sf-msg-info-border-color: #0099bc;
627
- --color-sf-msg-info-color-alt1: #56bfd7;
628
- --color-sf-msg-info-bg-color-alt1: transparent;
629
- --color-sf-msg-info-border-color-alt1: #31afdd;
630
- --color-sf-msg-info-color-alt2: #fff;
631
- --color-sf-msg-info-bg-color-alt2: #0099bc;
632
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
633
- --color-sf-msg-info-icon-color: #56bfd7;
634
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
635
- --color-sf-msg-info-icon-color-alt2: #fff;
636
- --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
637
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
638
- --color-sf-msg-info-close-icon-color-alt2: #fff;
639
- --color-sf-msg-warning-color: var(--color-sf-content-text-color);
640
- --color-sf-msg-warning-bg-color: #411200;
641
- --color-sf-msg-warning-border-color: #da3b01;
642
- --color-sf-msg-warning-color-alt1: #e9835e;
643
- --color-sf-msg-warning-bg-color-alt1: transparent;
644
- --color-sf-msg-warning-border-color-alt1: #e36537;
645
- --color-sf-msg-warning-color-alt2: #fff;
646
- --color-sf-msg-warning-bg-color-alt2: #da3b01;
647
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
648
- --color-sf-msg-warning-icon-color: #e9835e;
649
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
650
- --color-sf-msg-warning-icon-color-alt2: #fff;
651
- --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
652
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
653
- --color-sf-msg-warning-close-icon-color-alt2: #fff;
654
- --color-sf-shadow-color: #fff;
655
- --color-sf-shadow-color1: #000;
656
- --color-sf-link-button: var(--color-sf-primary);
657
- --color-sf-link-button-hover: #0f6cbd;
658
- --color-sf-link-button-pressed: #115ea3;
659
- --color-sf-link-button-focus: #115ea3;
660
- --color-sf-link-button-border-focus: #fff;
661
- --color-sf-chip-bg-color: #141414;
662
- --color-sf-chip-border-color: #141414;
663
- --color-sf-chip-bg-disabled: #141414;
664
- --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
665
- --color-sf-secondary-outline-button-text-color-hover: #fff;
666
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
667
- --color-sf-secondary-outline-button-text-color-selected: #fff;
668
- --color-sf-secondary-outline-button-text-color-focus: #fff;
669
- --color-sf-slider-shadow1: #000;
670
- --color-sf-slider-shadow2: #666666;
671
- --color-sf-slider-disabled: #666666;
672
- --color-sf-slider-border-color: rgba(255, 255, 255, 0);
673
- --color-sf-slider-bg-disabled: #525252;
674
- --color-sf-toggle-switch-border-disabled: #141414;
675
- --color-sf-calendar-icon-color: #1153a3;
676
- --color-sf-calendar-header-text-color-pressed: #62abf5;
677
- --color-sf-calendar-today-bg-color: #1153a3;
678
- --color-sf-dialog-border: #1f1f1f;
679
- --color-sf-badge-light-bg-color: #333333;
680
- --color-sf-secondary-badge-border-color: #292929;
681
- --color-sf-secondary-badge-bg-color: #292929;
682
- --color-sf-secondary-badge-bg-color-focus: #292929;
683
- --color-sf-skeleton-bg-color: #575757;
684
- --color-sf-tab-selected-bg-color-disabled: #115ea3;
685
- --color-sf-tab-selected-text-color-disabled: #a3a3a3;
686
- --color-sf-ribbon-border-color: #00000000;
687
- --color-sf-toolbar-icon-color: #479ef5;
688
- --color-sf-contextual-text: #fff;
689
- --color-sf-cell-selection-bg-color: #08233b;
690
- --color-sf-document-editor-border-color: #00000000;
691
- }
692
-
693
- .e-high-contrast {
694
- --color-sf-black: #000;
695
- --color-sf-white: #fff;
696
- --color-sf-content-bg-color: #000;
697
- --color-sf-content-bg-color-alt1: var(--color-sf-black);
698
- --color-sf-content-bg-color-alt2: var(--color-sf-black);
699
- --color-sf-content-bg-color-alt3: var(--color-sf-black);
700
- --color-sf-content-bg-color-alt4: var(--color-sf-black);
701
- --color-sf-content-bg-color-alt5: var(--color-sf-black);
702
- --color-sf-content-bg-color-alt6: var(--color-sf-black);
703
- --color-sf-content-bg-color-hover: #1aebff;
704
- --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
705
- --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
706
- --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
707
- --color-sf-content-bg-color-dragged: #fff;
708
- --color-sf-content-bg-color-disabled: #000000;
709
- --color-sf-flyout-bg-color: var(--color-sf-black);
710
- --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
711
- --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
- --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
- --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
717
- --color-sf-table-bg-color-selected: #1a3bff;
718
- --color-sf-content-text-color: #fff;
719
- --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
720
- --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
721
- --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
722
- --color-sf-content-text-color-hover: #000;
723
- --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
724
- --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
725
- --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
726
- --color-sf-content-text-color-dragged: #000;
727
- --color-sf-content-text-color-disabled: #3ff23f;
728
- --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
729
- --color-sf-flyout-text-color: var(--color-sf-content-text-color);
730
- --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
731
- --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
732
- --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
- --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
- --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
738
- --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
741
- --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
- --color-sf-border-light: #fff;
743
- --color-sf-border: var(--color-sf-border-light);
744
- --color-sf-border-alt: var(--color-sf-border-light);
745
- --color-sf-border-dark: var(--color-sf-border-light);
746
- --color-sf-border-hover: #1aebff;
747
- --color-sf-border-pressed: var(--color-sf-border-hover);
748
- --color-sf-border-focus: var(--color-sf-border-hover);
749
- --color-sf-border-selected: var(--color-sf-border-hover);
750
- --color-sf-border-dragged: var(--color-sf-border-light);
751
- --color-sf-border-disabled: #3ff23f;
752
- --color-sf-border-warning: #f7630c;
753
- --color-sf-border-error: #c50f1f;
754
- --color-sf-border-success: #107c10;
755
- --color-sf-border-info: #0099bc;
756
- --color-sf-spreadsheet-gridline: #e6e6e6;
757
- --color-sf-flyout-border: var(--color-sf-border-light);
758
- --color-sf-primary: #1aebff;
759
- --color-sf-primary-text-color: #000;
760
- --color-sf-primary-light: rgba(26, 235, 255, .8);
761
- --color-sf-primary-lighter: var(--color-sf-primary-light);
762
- --color-sf-primary-dark: var(--color-sf-primary);
763
- --color-sf-primary-darker: var(--color-sf-primary);
764
- --color-sf-success: #107c10;
765
- --color-sf-info: #0099bc;
766
- --color-sf-warning: #f7630c;
767
- --color-sf-danger: #c50f1f;
768
- --color-sf-success-light: #094509;
769
- --color-sf-info-light: #005669;
770
- --color-sf-warning-light: #4a1e04;
771
- --color-sf-danger-light: #6e0811;
772
- --color-sf-success-dark: #c9eac9;
773
- --color-sf-info-dark: #cdedf4;
774
- --color-sf-warning-dark: #fee5d7;
775
- --color-sf-danger-dark: #f6d1d5;
776
- --color-sf-success-light-alt: #052505;
777
- --color-sf-info-light-alt: #002e38;
778
- --color-sf-warning-light-alt: #4a1e04;
779
- --color-sf-danger-light-alt: #3b0509;
780
- --color-sf-badge-warning: #fde300;
781
- --color-sf-badge-warning-text: #fde300;
782
- --color-sf-primary-label-color: #1aebff;
783
- --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
784
- --color-sf-primary-bg-color: #1aebff;
785
- --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
786
- --color-sf-primary-text: #000;
787
- --color-sf-primary-bg-color-hover: var(--color-sf-primary-bg-color);
788
- --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color);
789
- --color-sf-primary-text-hover: var(--color-sf-primary-text);
790
- --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
791
- --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
792
- --color-sf-primary-text-pressed: var(--color-sf-primary-text);
793
- --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
794
- --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
795
- --color-sf-primary-text-focus: var(--color-sf-primary-text);
796
- --color-sf-primary-bg-color-disabled: #000;
797
- --color-sf-primary-border-color-disabled: #3ff23f;
798
- --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
799
- --color-sf-primary-bg-color-selected: var(--color-sf-primary-bg-color);
800
- --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color);
801
- --color-sf-primary-text-selected: var(--color-sf-primary-text);
802
- --color-sf-secondary-bg-color: #000;
803
- --color-sf-secondary-border-color: var(--color-sf-border);
804
- --color-sf-secondary-text-color: var(--color-sf-content-text-color);
805
- --color-sf-secondary-bg-color-hover: #1aebff;
806
- --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
807
- --color-sf-secondary-text-color-hover: #000;
808
- --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
809
- --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
810
- --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
811
- --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
812
- --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
813
- --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
814
- --color-sf-secondary-bg-color-disabled: #000;
815
- --color-sf-secondary-border-color-disabled: #3ff23f;
816
- --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
817
- --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
818
- --color-sf-secondary-border-color-selected: var(--color-sf-secondary-border-color-hover);
819
- --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
820
- --color-sf-success-bg-color: #107c10;
821
- --color-sf-success-border-color: var(--color-sf-success-bg-color);
822
- --color-sf-success-text: #fff;
823
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
824
- --color-sf-success-border-color-hover: var(--color-sf-success-border-color);
825
- --color-sf-success-text-hover: var(--color-sf-success-text);
826
- --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
827
- --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
828
- --color-sf-success-text-pressed: var(--color-sf-success-text);
829
- --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
830
- --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
831
- --color-sf-success-text-focus: var(--color-sf-success-text);
832
- --color-sf-success-bg-color-disabled: #000;
833
- --color-sf-success-border-color-disabled: #3ff23f;
834
- --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
835
- --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
836
- --color-sf-success-border-color-selected: var(--color-sf-success-border-color);
837
- --color-sf-success-text-selected: var(--color-sf-success-text);
838
- --color-sf-warning-bg-color: #f7630c;
839
- --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
840
- --color-sf-warning-text: #000;
841
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
842
- --color-sf-warning-border-color-hover: var(--color-sf-warning-border-color);
843
- --color-sf-warning-text-hover: var(--color-sf-warning-text);
844
- --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
845
- --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
846
- --color-sf-warning-text-pressed: var(--color-sf-warning-text);
847
- --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
848
- --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
849
- --color-sf-warning-text-focus: var(--color-sf-warning-text);
850
- --color-sf-warning-bg-color-disabled: #000;
851
- --color-sf-warning-border-color-disabled: #3ff23f;
852
- --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
853
- --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
854
- --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
855
- --color-sf-warning-text-selected: var(--color-sf-warning-text);
856
- --color-sf-info-bg-color: #0099bc;
857
- --color-sf-info-border-color: var(--color-sf-info-bg-color);
858
- --color-sf-info-text: #000;
859
- --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
860
- --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
861
- --color-sf-info-text-hover: var(--color-sf-info-text);
862
- --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
863
- --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
864
- --color-sf-info-text-pressed: var(--color-sf-info-text);
865
- --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
866
- --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
867
- --color-sf-info-text-focus: var(--color-sf-info-text);
868
- --color-sf-info-bg-color-disabled: #000;
869
- --color-sf-info-border-color-disabled: #3ff23f;
870
- --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
871
- --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
872
- --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
873
- --color-sf-info-text-selected: var(--color-sf-info-text);
874
- --color-sf-danger-bg-color: #c50f1f;
875
- --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
876
- --color-sf-danger-text: #fff;
877
- --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
878
- --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
879
- --color-sf-danger-text-hover: var(--color-sf-danger-text);
880
- --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
881
- --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
882
- --color-sf-danger-text-pressed: var(--color-sf-danger-text);
883
- --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
884
- --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
885
- --color-sf-danger-text-focus: var(--color-sf-danger-text);
886
- --color-sf-danger-bg-color-disabled: #000;
887
- --color-sf-danger-border-color-disabled: #3ff23f;
888
- --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
889
- --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
890
- --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
891
- --color-sf-danger-text-selected: var(--color-sf-danger-text);
892
- --color-sf-primary-outline: var(--color-sf-primary);
893
- --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
894
- --color-sf-warning-outline: #f7630c;
895
- --color-sf-danger-outline: #c50f1f;
896
- --color-sf-success-outline: #107c10;
897
- --color-sf-info-outline: #0099bc;
898
- --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
- --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
- --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
- --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
- --color-sf-appbar-bg-color-alt1: #fff;
904
- --color-sf-appbar-color-alt1: #000;
905
- --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
906
- --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
907
- --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
908
- --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
909
- --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
910
- --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
911
- --color-sf-diagram-palette-background: #000;
912
- --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
913
- --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
914
- --color-sf-rating-selected-color: #fff;
915
- --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
916
- --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
917
- --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
918
- --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
919
- --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
920
- --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
921
- --color-sf-msg-color: #fff;
922
- --color-sf-msg-bg-color: #000;
923
- --color-sf-msg-border-color: var(--color-sf-msg-color);
924
- --color-sf-msg-color-alt1: #1aebff;
925
- --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
926
- --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
927
- --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
928
- --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
929
- --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
930
- --color-sf-msg-icon-color: var(--color-sf-msg-color);
931
- --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
932
- --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
933
- --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
934
- --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
935
- --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
936
- --color-sf-msg-success-color: #107c10;
937
- --color-sf-msg-success-bg-color: #000;
938
- --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
939
- --color-sf-msg-success-color-alt1: #107c10;
940
- --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
941
- --color-sf-msg-success-border-color-alt1: #fff;
942
- --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
943
- --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
944
- --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
945
- --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
946
- --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
947
- --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
948
- --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
949
- --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
950
- --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
951
- --color-sf-msg-danger-color: #c50f1f;
952
- --color-sf-msg-danger-bg-color: #000;
953
- --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
954
- --color-sf-msg-danger-color-alt1: #c50f1f;
955
- --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
956
- --color-sf-msg-danger-border-color-alt1: #fff;
957
- --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
958
- --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
959
- --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
960
- --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
961
- --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
962
- --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
963
- --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
964
- --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
965
- --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
966
- --color-sf-msg-info-color: #0099bc;
967
- --color-sf-msg-info-bg-color: #000;
968
- --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
969
- --color-sf-msg-info-color-alt1: #0099bc;
970
- --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
971
- --color-sf-msg-info-border-color-alt1: #fff;
972
- --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
973
- --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
974
- --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
975
- --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
976
- --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
977
- --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
978
- --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
979
- --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
980
- --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
981
- --color-sf-msg-warning-color: #f7630c;
982
- --color-sf-msg-warning-bg-color: #000;
983
- --color-sf-msg-warning-border-color: #da3b01;
984
- --color-sf-msg-warning-color-alt1: #f7630c;
985
- --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
986
- --color-sf-msg-warning-border-color-alt1: #fff;
987
- --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
988
- --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
989
- --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
990
- --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
991
- --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
992
- --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
993
- --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
994
- --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
995
- --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
996
- --color-sf-shadow-color: #fff;
997
- --color-sf-shadow-color1: #1aebff;
998
- --color-sf-link-button: #fff000;
999
- --color-sf-link-button-hover: #fff000;
1000
- --color-sf-link-button-pressed: #fff000;
1001
- --color-sf-link-button-focus: #fff000;
1002
- --color-sf-link-button-border-focus: #1aebff;
1003
- --color-sf-chip-bg-color: #000;
1004
- --color-sf-chip-border-color: #fff;
1005
- --color-sf-chip-bg-disabled: #000;
1006
- --color-sf-chip-border-disabled: #3ff23f;
1007
- --color-sf-secondary-outline-button-text-color-hover: #fff;
1008
- --color-sf-secondary-outline-button-text-color-pressed: #fff;
1009
- --color-sf-secondary-outline-button-text-color-selected: #fff;
1010
- --color-sf-secondary-outline-button-text-color-focus: #fff;
1011
- --color-sf-slider-shadow1: #000;
1012
- --color-sf-slider-shadow2: #fff;
1013
- --color-sf-slider-disabled: #3ff23f;
1014
- --color-sf-slider-border-color: #fff;
1015
- --color-sf-slider-bg-disabled: #000;
1016
- --color-sf-toggle-switch-border-disabled: #3ff23f;
1017
- --color-sf-calendar-icon-color: #000;
1018
- --color-sf-calendar-header-text-color-pressed: #000;
1019
- --color-sf-calendar-today-bg-color: #fff;
1020
- --color-sf-dialog-border: #fff;
1021
- --color-sf-badge-light-bg-color: #000;
1022
- --color-sf-secondary-badge-border-color: #fff;
1023
- --color-sf-secondary-badge-bg-color: #000;
1024
- --color-sf-secondary-badge-bg-color-focus: #fff;
1025
- --color-sf-skeleton-bg-color: #fff;
1026
- --color-sf-tab-selected-bg-color-disabled: #000;
1027
- --color-sf-tab-selected-text-color-disabled: #3ff23f;
1028
- --color-sf-ribbon-border-color: #fff;
1029
- --color-sf-toolbar-icon-color: #000;
1030
- --color-sf-contextual-text: #000;
1031
- --color-sf-cell-selection-bg-color: #1aecff1f;
1032
- --color-sf-document-editor-border-color: #fff;
1033
- }
1034
-
1035
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
1036
- -webkit-transform: rotate(0deg);
1037
- transform: rotate(0deg);
1038
- -webkit-transition: -webkit-transform 300ms ease;
1039
- transition: -webkit-transform 300ms ease;
1040
- transition: transform 300ms ease;
1041
- transition: transform 300ms ease, -webkit-transform 300ms ease;
1042
- }
1043
-
1044
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
1045
- -webkit-transform: rotate(180deg);
1046
- transform: rotate(180deg);
1047
- -webkit-transition: -webkit-transform 300ms ease;
1048
- transition: -webkit-transform 300ms ease;
1049
- transition: transform 300ms ease;
1050
- transition: transform 300ms ease, -webkit-transform 300ms ease;
1051
- }
1052
-
1053
- .e-dropdownbase .e-list-item.e-active.e-hover {
1054
- color: var(--color-sf-content-text-color-selected);
1055
- }
1056
-
1057
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
1058
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
1059
- .e-input-group:not(.e-disabled) .e-back-icon:active,
1060
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
1061
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
1062
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
1063
- background: transparent;
1064
- }
1065
-
1066
- .e-input-group .e-ddl-icon:not(:active)::after {
1067
- -webkit-animation: none;
1068
- animation: none;
1069
- }
1070
-
1071
- .e-ddl.e-popup {
1072
- border: 0;
1073
- border-radius: 8px;
1074
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1075
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1076
- margin-top: 4px;
1077
- }
1078
-
1079
- .e-small .e-ddl.e-popup,
1080
- .e-small.e-ddl.e-popup {
1081
- border-radius: 4px;
1082
- margin-top: 2px;
1083
- }
1084
-
1085
- .e-bigger .e-ddl.e-popup,
1086
- .e-bigger.e-ddl.e-popup {
1087
- border-radius: 8px;
1088
- margin-top: 8px;
1089
- }
1090
-
1091
- .e-bigger.e-small .e-ddl.e-popup,
1092
- .e-small.e-bigger.e-ddl.e-popup {
1093
- border-radius: 8px;
1094
- margin-top: 6px;
1095
- }
1096
-
1097
- .e-popup.e-ddl .e-dropdownbase {
1098
- min-height: 26px;
1099
- padding: 6px 4px;
1100
- }
1101
-
1102
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1103
- border-color: var(--color-sf-border-light);
1104
- }
1105
-
1106
- .e-bigger .e-popup.e-ddl-device-filter {
1107
- margin-top: 0;
1108
- }
1109
-
1110
- .e-bigger .e-ddl-device .e-input-group,
1111
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1112
- background: var(--color-sf-flyout-bg-color);
1113
- border-width: 0;
1114
- -webkit-box-shadow: none;
1115
- box-shadow: none;
1116
- margin-bottom: 0;
1117
- }
1118
-
1119
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1120
- .e-bigger .e-ddl-device .e-input-group input.e-input,
1121
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1122
- background-color: var(--color-sf-flyout-bg-color);
1123
- }
1124
-
1125
- .e-input-group.e-ddl,
1126
- .e-input-group.e-ddl .e-input,
1127
- .e-input-group.e-ddl .e-ddl-icon {
1128
- background: var(--color-sf-content-bg-color);
1129
- }
1130
-
1131
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
1132
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
1133
- border-bottom-width: 0;
1134
- }
1135
-
1136
- .e-ddl.e-popup.e-outline .e-filter-parent {
1137
- padding: 4px 8px;
1138
- }
1139
-
1140
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1141
- line-height: 30px;
1142
- top: 0;
1143
- }
1144
-
1145
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1146
- border-radius: 0 4px 4px 0;
1147
- border-right-width: 0;
1148
- }
1149
-
1150
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1151
- border-left-width: 0;
1152
- border-radius: 4px 0 0 4px;
1153
- border-right-width: 0;
1154
- }
1155
-
1156
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1157
- height: 32px;
1158
- width: 32px;
1159
- }
1160
-
1161
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1162
- height: 28px;
1163
- width: 28px;
1164
- }
1165
-
1166
- .e-multi-select-wrapper .e-searcher input[type=text],
1167
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1168
- color: var(--color-sf-content-text-color);
1169
- height: 100%;
1170
- }
1171
-
1172
- /* stylelint-disable-line no-empty-source */
1173
- /*! TreeView's theme wise override definitions and variables */
1174
- /* stylelint-disable */
1175
- /* stylelint-disable */
1176
- .e-dialog .e-dlg-content {
1177
- border-radius: 8px !important;
1178
- }
1179
-
1180
- .e-dlg-overlay {
1181
- -webkit-backdrop-filter: blur(2px) !important;
1182
- backdrop-filter: blur(2px) !important;
1183
- }
1184
-
1185
- /* stylelint-disable-line no-empty-source */
1186
- /* stylelint-disable property-no-vendor-prefix */
1187
- @-webkit-keyframes material-spinner-rotate {
1188
- 0% {
1189
- -webkit-transform: rotate(0);
1190
- transform: rotate(0);
1191
- }
1192
- 100% {
1193
- -webkit-transform: rotate(360deg);
1194
- transform: rotate(360deg);
1195
- }
1196
- }
1197
- @keyframes material-spinner-rotate {
1198
- 0% {
1199
- -webkit-transform: rotate(0);
1200
- transform: rotate(0);
1201
- }
1202
- 100% {
1203
- -webkit-transform: rotate(360deg);
1204
- transform: rotate(360deg);
1205
- }
1206
- }
1207
- @-webkit-keyframes fabric-spinner-rotate {
1208
- 0% {
1209
- -webkit-transform: rotate(0);
1210
- transform: rotate(0);
1211
- }
1212
- 100% {
1213
- -webkit-transform: rotate(360deg);
1214
- transform: rotate(360deg);
1215
- }
1216
- }
1217
- @keyframes fabric-spinner-rotate {
1218
- 0% {
1219
- -webkit-transform: rotate(0);
1220
- transform: rotate(0);
1221
- }
1222
- 100% {
1223
- -webkit-transform: rotate(360deg);
1224
- transform: rotate(360deg);
1225
- }
1226
- }
1227
- .e-kanban .e-column-expand::before {
1228
- content: "\e765";
1229
- }
1230
- .e-kanban .e-column-collapse::before {
1231
- content: "\e748";
1232
- }
1233
- .e-kanban .e-swimlane-row-expand::before {
1234
- content: "\e729";
1235
- }
1236
- .e-kanban .e-swimlane-row-collapse::before {
1237
- content: "\e748";
1238
- }
1239
- .e-kanban .e-show-add-icon::before {
1240
- content: "\e805";
1241
- }
1242
- .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
1243
- content: "\e799";
1244
- }
1245
- .e-kanban.e-rtl .e-column-collapse::before {
1246
- content: "\e765";
1247
- }
1248
- .e-kanban.e-rtl .e-column-expand::before {
1249
- content: "\e748";
1250
- }
1251
- .e-kanban.e-rtl .e-swimlane-row-collapse::before {
1252
- content: "\e765";
1253
- }
1254
-
1255
- .e-mobile-popup-wrapper .e-close-icon::before {
1256
- content: "\e7e7";
1257
- }
1258
-
1259
- /*! kanban component layout */
1260
- .e-kanban {
1261
- display: block;
1262
- outline: medium none;
1263
- position: relative;
1264
- -webkit-user-select: none;
1265
- -moz-user-select: none;
1266
- -ms-user-select: none;
1267
- user-select: none;
1268
- }
1269
- .e-kanban .e-kanban-table {
1270
- border: 0;
1271
- border-collapse: separate;
1272
- border-spacing: 8px 1px;
1273
- table-layout: fixed;
1274
- width: 100%;
1275
- }
1276
- .e-kanban .e-kanban-table col.e-collapsed {
1277
- width: 42px;
1278
- }
1279
- .e-kanban .e-swimlane .e-kanban-table.e-content-table {
1280
- border-spacing: 8px 1px;
1281
- }
1282
- .e-kanban .e-frozen-swimlane-row {
1283
- position: relative;
1284
- z-index: 101;
1285
- }
1286
- .e-kanban .e-frozen-swimlane-row .e-frozen-row {
1287
- padding: 12px 12px 12px 20px;
1288
- }
1289
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header {
1290
- display: -webkit-box;
1291
- display: -ms-flexbox;
1292
- display: flex;
1293
- }
1294
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
1295
- font-size: 14px;
1296
- font-weight: normal;
1297
- line-height: 1.5;
1298
- padding: 0 0 0 8px;
1299
- }
1300
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
1301
- font-size: 10px;
1302
- font-weight: 600;
1303
- line-height: 1.5;
1304
- opacity: 1;
1305
- padding: 3px;
1306
- }
1307
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
1308
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
1309
- border: 1px solid transparent;
1310
- color: #667085;
1311
- cursor: pointer;
1312
- font-size: 18px;
1313
- height: 20px;
1314
- margin: 1px;
1315
- padding: 0;
1316
- }
1317
- .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,
1318
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
1319
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
1320
- background: transparent;
1321
- border: 1px solid transparent;
1322
- border-radius: 4px;
1323
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1324
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1325
- color: var(--color-sf-primary);
1326
- margin: 1px;
1327
- padding: 0;
1328
- }
1329
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
1330
- .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
1331
- background: transparent;
1332
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1333
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1334
- }
1335
- .e-kanban .e-kanban-header > div {
1336
- overflow: hidden;
1337
- }
1338
- .e-kanban .e-kanban-header .e-header-cells {
1339
- border-radius: 4px;
1340
- height: 42px;
1341
- overflow: hidden;
1342
- padding: 12px;
1343
- position: relative;
1344
- text-align: left;
1345
- text-overflow: ellipsis;
1346
- white-space: nowrap;
1347
- }
1348
- .e-kanban .e-kanban-header .e-header-cells .e-header-wrap {
1349
- display: -webkit-box;
1350
- display: -ms-flexbox;
1351
- display: flex;
1352
- }
1353
- .e-kanban .e-kanban-header .e-header-cells .e-header-wrap .e-header-title {
1354
- display: -webkit-box;
1355
- display: -ms-flexbox;
1356
- display: flex;
1357
- overflow: hidden;
1358
- text-overflow: ellipsis;
1359
- width: 100%;
1360
- }
1361
- .e-kanban .e-kanban-header .e-header-cells.e-stacked-header-cell {
1362
- border-bottom: 1px solid var(--color-sf-border);
1363
- }
1364
- .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-expand {
1365
- cursor: pointer;
1366
- font-size: 18px;
1367
- padding: 0;
1368
- }
1369
- .e-kanban .e-kanban-header .e-header-cells.e-toggle-header .e-column-collapse {
1370
- cursor: pointer;
1371
- font-size: 18px;
1372
- padding: 0;
1373
- }
1374
- .e-kanban .e-kanban-header .e-header-cells.e-min-color {
1375
- background: var(--color-sf-warning-light-alt);
1376
- }
1377
- .e-kanban .e-kanban-header .e-header-cells.e-max-color {
1378
- background: var(--color-sf-danger-light-alt);
1379
- }
1380
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed {
1381
- background: #fff;
1382
- text-align: center;
1383
- width: 42px;
1384
- }
1385
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-wrap {
1386
- -webkit-box-pack: center;
1387
- -ms-flex-pack: center;
1388
- justify-content: center;
1389
- }
1390
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-min-color {
1391
- background: var(--color-sf-warning-light-alt);
1392
- }
1393
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed.e-max-color {
1394
- background: var(--color-sf-danger-light-alt);
1395
- }
1396
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-limits,
1397
- .e-kanban .e-kanban-header .e-header-cells.e-collapsed .e-header-title {
1398
- display: none;
1399
- }
1400
- .e-kanban .e-kanban-header .e-header-cells .e-header-text {
1401
- font-size: 12px;
1402
- font-weight: 600;
1403
- line-height: 1.5;
1404
- overflow: hidden;
1405
- padding-right: 5px;
1406
- text-overflow: ellipsis;
1407
- }
1408
- .e-kanban .e-kanban-header .e-header-cells .e-item-count {
1409
- font-size: 10px;
1410
- font-weight: 600;
1411
- line-height: 1.625;
1412
- margin-top: 2px;
1413
- opacity: 1;
1414
- text-transform: uppercase;
1415
- }
1416
- .e-kanban .e-kanban-header .e-header-cells .e-limits {
1417
- display: -webkit-box;
1418
- display: -ms-flexbox;
1419
- display: flex;
1420
- padding-top: 3px;
1421
- }
1422
- .e-kanban .e-kanban-header .e-header-cells .e-limits .e-min-count,
1423
- .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
1424
- font-size: 10px;
1425
- font-weight: 600;
1426
- opacity: 1;
1427
- width: 100%;
1428
- }
1429
- .e-kanban .e-kanban-header .e-header-cells .e-limits .e-max-count {
1430
- text-align: right;
1431
- }
1432
- .e-kanban .e-kanban-content {
1433
- overflow: auto;
1434
- padding-bottom: 10px;
1435
- }
1436
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits {
1437
- display: -webkit-box;
1438
- display: -ms-flexbox;
1439
- display: flex;
1440
- height: 26px;
1441
- position: relative;
1442
- }
1443
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border {
1444
- display: none;
1445
- }
1446
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-kanban-border.e-dropping {
1447
- display: block;
1448
- position: absolute;
1449
- }
1450
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-min-count,
1451
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
1452
- font-size: 10px;
1453
- font-weight: 600;
1454
- opacity: 1;
1455
- padding: 4px 8px;
1456
- }
1457
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-limits .e-max-count {
1458
- position: absolute;
1459
- right: 0;
1460
- }
1461
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-min-color {
1462
- background: var(--color-sf-warning-light-alt);
1463
- }
1464
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-max-color {
1465
- background: var(--color-sf-danger-light-alt);
1466
- }
1467
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed {
1468
- overflow: hidden;
1469
- text-align: center;
1470
- width: 42px;
1471
- }
1472
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-wrapper,
1473
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-card-container,
1474
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-limits {
1475
- display: none;
1476
- }
1477
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
1478
- color: var(--color-sf-content-text-color-alt2);
1479
- font-size: 12px;
1480
- font-weight: 600;
1481
- overflow: hidden;
1482
- padding: 12px;
1483
- position: relative;
1484
- text-overflow: ellipsis;
1485
- white-space: nowrap;
1486
- -webkit-writing-mode: vertical-lr;
1487
- -ms-writing-mode: tb-lr;
1488
- writing-mode: vertical-lr;
1489
- }
1490
- .e-kanban .e-kanban-content .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text .e-item-count {
1491
- display: inline-block;
1492
- font-size: 13px;
1493
- font-weight: normal;
1494
- opacity: 0.57;
1495
- }
1496
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button {
1497
- border: 1px dashed var(--color-sf-primary);
1498
- height: 36px;
1499
- margin: 8px 8px 0;
1500
- }
1501
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button .e-show-add-icon {
1502
- padding: 11px;
1503
- text-align: center;
1504
- }
1505
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-show-add-button:focus {
1506
- border: 1px dashed var(--color-sf-border-dark);
1507
- color: var(--color-sf-border-dark);
1508
- }
1509
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-wrapper,
1510
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-multi-card-container {
1511
- display: none;
1512
- }
1513
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1514
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
1515
- height: inherit;
1516
- overflow: auto;
1517
- padding: 12px 12px 0;
1518
- }
1519
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-empty-card,
1520
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-empty-card {
1521
- color: var(--color-sf-content-text-color-alt2);
1522
- display: table;
1523
- font-size: 14px;
1524
- line-height: 1.5;
1525
- margin: 0 auto;
1526
- padding: 20px 0;
1527
- position: relative;
1528
- }
1529
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
1530
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
1531
- border: 1px solid transparent;
1532
- border-radius: 6px;
1533
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1534
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1535
- margin-bottom: 12px;
1536
- min-height: 50px;
1537
- }
1538
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
1539
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-draggable {
1540
- cursor: all-scroll;
1541
- }
1542
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1543
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
1544
- padding: 18px 18px 0;
1545
- }
1546
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header .e-card-header-title,
1547
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header .e-card-header-title {
1548
- font-size: 14px;
1549
- font-weight: 600;
1550
- line-height: 1.625;
1551
- }
1552
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
1553
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
1554
- display: -webkit-inline-box;
1555
- display: -ms-inline-flexbox;
1556
- display: inline-flex;
1557
- line-height: normal;
1558
- padding: 8px 18px;
1559
- }
1560
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1561
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
1562
- font-size: 14px;
1563
- line-height: 1.625;
1564
- padding: 12px 18px;
1565
- }
1566
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
1567
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color {
1568
- border: 1px solid transparent;
1569
- border-left: 2px solid;
1570
- }
1571
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1572
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1573
- padding: 18px 18px 0 18px;
1574
- }
1575
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1576
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1577
- padding: 12px 18px 8px 18px;
1578
- }
1579
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1580
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags {
1581
- padding: 0 18px 0 18px;
1582
- }
1583
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection,
1584
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection {
1585
- border: 1px solid var(--color-sf-border-light);
1586
- border-left: 2px solid;
1587
- -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1588
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1589
- }
1590
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color.e-selection:hover,
1591
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color.e-selection:hover {
1592
- border: 1px solid transparent;
1593
- border-left: 3px solid;
1594
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1595
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1596
- padding: 0;
1597
- }
1598
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:hover,
1599
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:hover {
1600
- border: 1px solid transparent;
1601
- border-left: 2px solid;
1602
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1603
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1604
- }
1605
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1606
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1607
- padding: 8px 18px 18px 18px;
1608
- }
1609
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
1610
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tag {
1611
- border-radius: 2px;
1612
- display: inline-block;
1613
- font-size: 14px;
1614
- line-height: 1.625;
1615
- margin-right: 4px;
1616
- max-width: 100%;
1617
- overflow: hidden;
1618
- padding: 1px 4px;
1619
- text-overflow: ellipsis;
1620
- }
1621
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
1622
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags {
1623
- line-height: 1;
1624
- padding: 12px 18px 0;
1625
- }
1626
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
1627
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-cloned-card {
1628
- position: absolute;
1629
- z-index: 1;
1630
- }
1631
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection,
1632
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
1633
- border: 1px solid var(--color-sf-border-light);
1634
- -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
1635
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
1636
- }
1637
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover,
1638
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
1639
- border: 1px solid transparent;
1640
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1641
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1642
- padding: 0;
1643
- }
1644
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover,
1645
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
1646
- border: 1px solid transparent;
1647
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1648
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1649
- }
1650
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus,
1651
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
1652
- border: 1px solid transparent;
1653
- }
1654
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color:focus,
1655
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color:focus {
1656
- border: 1px solid transparent;
1657
- border-left: 2px solid;
1658
- }
1659
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-kanban-dragged-card,
1660
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-kanban-dragged-card {
1661
- display: none;
1662
- }
1663
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-clone,
1664
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-clone {
1665
- border: 1px solid var(--color-sf-border-dark);
1666
- height: 34px;
1667
- }
1668
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-multi-card-text,
1669
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-multi-card-text {
1670
- background: var(--color-sf-content-bg-color);
1671
- display: table-cell;
1672
- padding-left: 8px;
1673
- text-align: center;
1674
- }
1675
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1676
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1677
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1678
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1679
- border-radius: 6px;
1680
- margin-bottom: 12px;
1681
- }
1682
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1683
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
1684
- background: var(--color-sf-content-bg-color-alt3);
1685
- border: 1px dashed var(--color-sf-border-dark);
1686
- }
1687
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1688
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1689
- background: var(--color-sf-primary-lighter);
1690
- border: 1px dashed var(--color-sf-primary);
1691
- }
1692
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key {
1693
- border-bottom: 1px dashed var(--color-sf-border-dark);
1694
- border-left: 1px dashed var(--color-sf-border-dark);
1695
- border-right: 1px dashed var(--color-sf-border-dark);
1696
- }
1697
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key .e-text {
1698
- opacity: 0.5;
1699
- text-align: center;
1700
- }
1701
- .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-target-multi-clone .e-column-key:first-child {
1702
- border-top: 1px dashed var(--color-sf-border-dark);
1703
- }
1704
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells {
1705
- height: 46px;
1706
- min-height: 50px;
1707
- }
1708
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header {
1709
- display: -webkit-box;
1710
- display: -ms-flexbox;
1711
- display: flex;
1712
- padding: 12px;
1713
- }
1714
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1715
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1716
- border: 1px solid transparent;
1717
- color: #667085;
1718
- cursor: pointer;
1719
- font-size: 16px;
1720
- height: 20px;
1721
- margin: 1px;
1722
- padding: 0;
1723
- }
1724
- .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,
1725
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
1726
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
1727
- background: var(--color-sf-content-bg-color-hover);
1728
- border: 1px solid transparent;
1729
- border-radius: 4px;
1730
- -webkit-box-shadow: none;
1731
- box-shadow: none;
1732
- color: var(--color-sf-primary);
1733
- font-size: 16px;
1734
- margin: 1px;
1735
- padding: 0;
1736
- }
1737
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
1738
- font-size: 14px;
1739
- font-weight: normal;
1740
- line-height: 1.5;
1741
- padding: 0 0 0 8px;
1742
- }
1743
- .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
1744
- color: var(--color-sf-content-text-color-alt3);
1745
- font-size: 10px;
1746
- font-weight: 600;
1747
- line-height: 1.625;
1748
- opacity: 1;
1749
- padding: 3px;
1750
- }
1751
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells {
1752
- border: 1px solid transparent;
1753
- border-radius: 4px;
1754
- vertical-align: top;
1755
- }
1756
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
1757
- border: 1px dashed var(--color-sf-border-dark);
1758
- }
1759
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-min-color {
1760
- background: var(--color-sf-warning-light-alt);
1761
- }
1762
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-max-color {
1763
- background: var(--color-sf-danger-light-alt);
1764
- }
1765
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells:focus {
1766
- border: 1px solid transparent;
1767
- -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1768
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
1769
- }
1770
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
1771
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-card-container {
1772
- min-height: 50px;
1773
- }
1774
- .e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells .e-dropping {
1775
- border: 1px dashed var(--color-sf-border-dark);
1776
- }
1777
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells {
1778
- border-bottom: 0;
1779
- height: 0;
1780
- }
1781
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells > .e-collapse-header-text,
1782
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-limits,
1783
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-show-add-button,
1784
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-wrapper,
1785
- .e-kanban .e-kanban-content .e-content-row.e-collapsed:not(.e-swimlane-row) .e-content-cells .e-card-container {
1786
- display: none;
1787
- }
1788
- .e-kanban.e-rtl .e-kanban-table .e-header-cells {
1789
- text-align: right;
1790
- }
1791
- .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-header-text {
1792
- padding-left: 5px;
1793
- padding-right: initial;
1794
- text-align: right;
1795
- text-transform: uppercase;
1796
- }
1797
- .e-kanban.e-rtl .e-kanban-table .e-header-cells .e-limits .e-max-count {
1798
- text-align: left;
1799
- }
1800
- .e-kanban.e-rtl .e-kanban-table .e-header-cells.e-toggle-header .e-column-collapse {
1801
- text-align: center;
1802
- }
1803
- .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells .e-limits .e-max-count {
1804
- left: 0;
1805
- right: auto;
1806
- }
1807
- .e-kanban.e-rtl .e-kanban-table.e-content-table .e-content-row .e-content-cells.e-collapsed .e-collapse-header-text {
1808
- direction: initial;
1809
- }
1810
- .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,
1811
- .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 {
1812
- margin: 1px;
1813
- }
1814
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar {
1815
- background: #fff;
1816
- border-bottom: 0;
1817
- display: -webkit-box;
1818
- display: -ms-flexbox;
1819
- display: flex;
1820
- margin-bottom: 3px;
1821
- min-height: 42px;
1822
- padding: 10px;
1823
- }
1824
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
1825
- color: inherit;
1826
- font-size: 16px;
1827
- font-weight: 600;
1828
- line-height: 1.5;
1829
- padding: 5px;
1830
- }
1831
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu,
1832
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title {
1833
- padding-top: 6px;
1834
- }
1835
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-menu .e-icon-menu,
1836
- .e-kanban.e-device .e-swimlane-header .e-swimlane-header-toolbar .e-toolbar-level-title .e-icon-menu {
1837
- color: inherit;
1838
- font-size: 18px;
1839
- padding: 7px;
1840
- padding-left: 4px;
1841
- }
1842
- .e-kanban.e-device .e-kanban-header .e-swimlane .e-header-cells {
1843
- border-bottom: 0;
1844
- }
1845
- .e-kanban.e-device .e-swimlane-content {
1846
- position: absolute;
1847
- width: 100%;
1848
- }
1849
- .e-kanban.e-device .e-swimlane-content .e-swimlane-resource {
1850
- background: var(--color-sf-content-bg-color);
1851
- border: 1px solid #d0d5dd;
1852
- height: 100%;
1853
- width: 225px;
1854
- }
1855
- .e-kanban.e-device .e-swimlane-content .e-swimlane-resource .e-swimlane-tree {
1856
- height: 100%;
1857
- overflow-y: auto;
1858
- }
1859
- .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay {
1860
- position: absolute;
1861
- }
1862
- .e-kanban.e-device .e-swimlane-content .e-swimlane-overlay.e-enable {
1863
- background: rgba(var(--color-sf-overlay-bg-color), 0.4);
1864
- height: 100%;
1865
- opacity: 1;
1866
- width: 100%;
1867
- }
1868
-
1869
- .e-bigger .e-kanban .e-swimlane-header-toolbar,
1870
- .e-bigger.e-kanban .e-swimlane-header-toolbar {
1871
- margin-bottom: 5px;
1872
- min-height: 56px;
1873
- }
1874
- .e-bigger .e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name,
1875
- .e-bigger.e-kanban .e-swimlane-header-toolbar .e-toolbar-swimlane-name {
1876
- font-size: 18px;
1877
- }
1878
- .e-bigger .e-kanban .e-swimlane-header-toolbar .e-icon-menu,
1879
- .e-bigger.e-kanban .e-swimlane-header-toolbar .e-icon-menu {
1880
- font-size: 20px;
1881
- }
1882
- .e-bigger .e-kanban .e-kanban-table.e-content-table,
1883
- .e-bigger.e-kanban .e-kanban-table.e-content-table {
1884
- border-spacing: 12px 0;
1885
- }
1886
- .e-bigger .e-kanban .e-swimlane .e-kanban-table.e-content-table,
1887
- .e-bigger.e-kanban .e-swimlane .e-kanban-table.e-content-table {
1888
- border-spacing: 12px 0;
1889
- }
1890
- .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row,
1891
- .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row {
1892
- padding: 16px 16px 16px 28px;
1893
- }
1894
- .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text,
1895
- .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-text {
1896
- font-size: 16px;
1897
- }
1898
- .e-bigger .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count,
1899
- .e-bigger.e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-item-count {
1900
- line-height: 1.625;
1901
- padding: 4px;
1902
- }
1903
- .e-bigger .e-kanban .e-kanban-table col.e-collapsed,
1904
- .e-bigger.e-kanban .e-kanban-table col.e-collapsed {
1905
- width: 48px;
1906
- }
1907
- .e-bigger .e-kanban .e-kanban-table .e-header-cells,
1908
- .e-bigger.e-kanban .e-kanban-table .e-header-cells {
1909
- height: 48px;
1910
- }
1911
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-header-text,
1912
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-header-text {
1913
- font-size: 14px;
1914
- font-weight: 600;
1915
- line-height: 1.5;
1916
- text-transform: uppercase;
1917
- }
1918
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-item-count,
1919
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-item-count {
1920
- font-size: 12px;
1921
- font-weight: 600;
1922
- line-height: 1.5;
1923
- margin-top: 2px;
1924
- text-transform: uppercase;
1925
- }
1926
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1927
- .e-bigger .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
1928
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-collapse,
1929
- .e-bigger.e-kanban .e-kanban-table .e-header-cells .e-column-expand {
1930
- font-size: 20px;
1931
- }
1932
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1933
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container,
1934
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper,
1935
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
1936
- padding: 16px 16px 0;
1937
- }
1938
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1939
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1940
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1941
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone,
1942
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
1943
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
1944
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone,
1945
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
1946
- margin-bottom: 16px;
1947
- }
1948
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header,
1949
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header {
1950
- padding: 16px;
1951
- }
1952
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text,
1953
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
1954
- font-size: 16px;
1955
- line-height: 1.5;
1956
- }
1957
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count,
1958
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-item-count {
1959
- font-size: 12px;
1960
- line-height: 1.5;
1961
- padding: 4px;
1962
- }
1963
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1964
- .e-bigger .e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse,
1965
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
1966
- .e-bigger.e-kanban .e-kanban-content .e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
1967
- font-size: 16px;
1968
- }
1969
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1970
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header,
1971
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-header,
1972
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-header {
1973
- padding: 24px 24px 0 24px;
1974
- }
1975
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1976
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
1977
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
1978
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
1979
- padding: 8px 24px 12px 24px;
1980
- }
1981
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1982
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1983
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1984
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer,
1985
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
1986
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
1987
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-tags,
1988
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
1989
- padding: 0 24px 12px 24px;
1990
- }
1991
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1992
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header,
1993
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-header,
1994
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-header {
1995
- padding: 24px 24px 0;
1996
- }
1997
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
1998
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
1999
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
2000
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
2001
- padding: 8px 24px 12px;
2002
- }
2003
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
2004
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
2005
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
2006
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer,
2007
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tags,
2008
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
2009
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-tags,
2010
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
2011
- padding: 0 24px 12px;
2012
- }
2013
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
2014
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
2015
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
2016
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card,
2017
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
2018
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color,
2019
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card,
2020
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
2021
- margin-bottom: 16px;
2022
- }
2023
- .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,
2024
- .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,
2025
- .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,
2026
- .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,
2027
- .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,
2028
- .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,
2029
- .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,
2030
- .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 {
2031
- font-size: 16px;
2032
- line-height: 1.5;
2033
- }
2034
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
2035
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
2036
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
2037
- .e-bigger .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content,
2038
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
2039
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content,
2040
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-content,
2041
- .e-bigger.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-content {
2042
- font-size: 16px;
2043
- line-height: 1.5;
2044
- }
2045
-
2046
- .e-mobile-popup-wrapper.e-device,
2047
- .e-mobile-popup-container.e-device {
2048
- background: var(--color-sf-content-bg-color);
2049
- border-radius: 2px;
2050
- bottom: 0;
2051
- -webkit-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);
2052
- 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);
2053
- display: -webkit-box;
2054
- display: -ms-flexbox;
2055
- display: flex;
2056
- height: 60px;
2057
- left: 0;
2058
- margin: 0;
2059
- max-width: 100%;
2060
- min-width: 100%;
2061
- opacity: 1;
2062
- overflow: hidden;
2063
- padding: 15px;
2064
- position: fixed;
2065
- right: 0;
2066
- top: 0;
2067
- -webkit-user-select: none;
2068
- -moz-user-select: none;
2069
- -ms-user-select: none;
2070
- user-select: none;
2071
- width: 100%;
2072
- z-index: 1004;
2073
- }
2074
- .e-mobile-popup-wrapper.e-device .e-popup-header .e-close,
2075
- .e-mobile-popup-container.e-device .e-popup-header .e-close {
2076
- background: transparent;
2077
- }
2078
- .e-mobile-popup-wrapper.e-device .e-popup-content,
2079
- .e-mobile-popup-container.e-device .e-popup-content {
2080
- color: inherit;
2081
- font-size: 15px;
2082
- font-weight: 500;
2083
- overflow: hidden;
2084
- padding: 5px;
2085
- text-overflow: ellipsis;
2086
- white-space: nowrap;
2087
- width: 100%;
2088
- }
2089
-
2090
- .e-kanban-dialog.e-dialog {
2091
- min-width: 350px;
2092
- }
2093
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table,
2094
- .e-kanban-dialog.e-dialog .e-kanban-form-container table {
2095
- width: 100%;
2096
- }
2097
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td,
2098
- .e-kanban-dialog.e-dialog .e-kanban-form-container table td {
2099
- color: var(--color-sf-content-text-color-alt1);
2100
- font-size: 14px;
2101
- font-weight: 600;
2102
- letter-spacing: 0;
2103
- line-height: 1.5;
2104
- opacity: 1;
2105
- padding: 8px 0;
2106
- text-align: left;
2107
- }
2108
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table td textarea.e-field,
2109
- .e-kanban-dialog.e-dialog .e-kanban-form-container table td textarea.e-field {
2110
- resize: vertical;
2111
- }
2112
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-label,
2113
- .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-label {
2114
- padding-right: 10px;
2115
- vertical-align: top;
2116
- width: 70px;
2117
- }
2118
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table .e-field,
2119
- .e-kanban-dialog.e-dialog .e-kanban-form-container table .e-field {
2120
- width: 100%;
2121
- }
2122
- .e-kanban-dialog.e-dialog .e-footer-content .e-dialog-delete.e-btn {
2123
- float: left;
2124
- margin-left: 0;
2125
- }
2126
-
2127
- *.e-rtl .e-kanban-form-wrapper table .e-label,
2128
- *.e-rtl .e-kanban-form-container table .e-label {
2129
- padding-left: 10px;
2130
- padding-right: 0;
2131
- text-align: right;
2132
- }
2133
- *.e-rtl .e-dialog-delete {
2134
- float: right;
2135
- }
2136
-
2137
- .e-card-virtual-skeleton-wrapper .e-skeleton.e-skeleton-text.e-shimmer-wave {
2138
- border-radius: 6px;
2139
- }
2140
-
2141
- .e-card-virtual-skeleton-wrapper {
2142
- height: inherit;
2143
- overflow: hidden;
2144
- padding: 12px 12px 0;
2145
- }
2146
-
2147
- /*! kanban component theme */
2148
- .e-kanban {
2149
- background: var(--color-sf-content-bg-color);
2150
- }
2151
- .e-kanban .e-kanban-table .e-header-cells {
2152
- background: #fff;
2153
- }
2154
- .e-kanban .e-kanban-table .e-header-cells .e-header-text {
2155
- color: var(--color-sf-content-text-color-alt2);
2156
- }
2157
- .e-kanban .e-kanban-table .e-header-cells .e-item-count {
2158
- color: var(--color-sf-content-text-color-alt3);
2159
- }
2160
- .e-kanban .e-kanban-table .e-header-cells .e-limits {
2161
- color: var(--color-sf-content-text-color-alt3);
2162
- }
2163
- .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
2164
- .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
2165
- border: 1px solid transparent;
2166
- color: #667085;
2167
- }
2168
- .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
2169
- .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
2170
- .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
2171
- background: var(--color-sf-content-bg-color-hover);
2172
- border: 1px solid transparent;
2173
- border-radius: 4px;
2174
- -webkit-box-shadow: none;
2175
- box-shadow: none;
2176
- color: var(--color-sf-primary);
2177
- }
2178
- .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
2179
- background: #fff;
2180
- }
2181
- .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-swimlane-text,
2182
- .e-kanban .e-kanban-table.e-content-table .e-content-row.e-swimlane-row .e-item-count {
2183
- color: var(--color-sf-content-text-color);
2184
- }
2185
- .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
2186
- background: var(--color-sf-primary-lighter);
2187
- }
2188
- .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
2189
- color: var(--color-sf-primary);
2190
- }
2191
- .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
2192
- background: var(--color-sf-content-bg-color-alt2);
2193
- }
2194
- .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
2195
- color: var(--color-sf-content-text-color);
2196
- }
2197
- .e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
2198
- color: var(--color-sf-content-text-color-alt1);
2199
- }
2200
- .e-kanban .e-kanban-table.e-content-table .e-card .e-card-tag.e-card-label {
2201
- background: var(--color-sf-content-bg-color-alt3);
2202
- color: var(--color-sf-content-text-color);
2203
- }
2204
- .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active {
2205
- background: var(--color-sf-primary-lighter);
2206
- border-color: var(--color-sf-primary);
2207
- }
2208
- .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-bottom-border {
2209
- border-bottom-color: var(--color-sf-primary);
2210
- }
2211
- .e-kanban .e-kanban-table.e-content-table .e-target-multi-clone .e-column-key.e-multi-active:first-child {
2212
- border-color: var(--color-sf-primary);
2213
- }
2214
- .e-kanban .e-frozen-swimlane-row {
2215
- background: var(--color-sf-content-bg-color);
2216
- }
2217
- .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-swimlane-text {
2218
- color: var(--color-sf-content-text-color);
2219
- }
2220
- .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
2221
- color: var(--color-sf-content-text-color-alt3);
2222
- }
2223
- .e-kanban .e-card {
2224
- background: #fff;
2225
- }
2226
-
2227
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea {
2228
- background: initial;
2229
- color: var(--color-sf-content-text-color);
2230
- min-width: 70%;
2231
- }
2232
- .e-kanban-dialog.e-dialog .e-kanban-form-wrapper table textarea:focus {
2233
- -webkit-box-shadow: 0 0 0 2px var(--color-sf-primary);
2234
- box-shadow: 0 0 0 2px var(--color-sf-primary);
2235
- }
2236
-
2237
- .e-card-virtual-skeleton-wrapper,
2238
- .e-card-skeleton-wrapper {
2239
- background: #fff;
2240
- }
2241
-
2242
- .e-kanban-dialog .e-dialog-delete,
2243
- .e-kanban-dialog .e-dialog-edit.e-primary,
2244
- .e-kanban-dialog .e-dialog-cancel {
2245
- border: 1px solid;
2246
- border-color: var(--color-sf-secondary-border-color-hover);
2247
- }
2248
-
2249
- .e-kanban-dialog .e-dialog-edit.e-primary {
2250
- background: var(--color-sf-primary-bg-color-hover);
2251
- color: var(--color-sf-primary-text-color);
2252
- }
1
+ @import '@syncfusion/ej2-kanban/styles/fluent2.css';