Revision 664d0a00
Added by Andreas Kohlbecker about 7 years ago
src/main/webapp/VAADIN/themes/edit-valo/edit-valo.scss | ||
---|---|---|
51 | 51 |
|
52 | 52 |
@import "../valo/valo.scss"; |
53 | 53 |
|
54 |
|
|
55 |
// ========================================== // |
|
56 |
|
|
57 |
// import custom font icons TODO rename font |
|
58 |
@include v-font(IcoMoon, "../../../../../fonts/icomoon"); |
|
59 |
|
|
60 |
.IcoMoon { |
|
61 |
font-family: IcoMoon; |
|
62 |
font-style: normal; |
|
63 |
font-weight: normal; |
|
64 |
-webkit-font-smoothing: antialiased; |
|
65 |
-moz-osx-font-smoothing: grayscale; |
|
66 |
display: inline-block; |
|
67 |
text-align: center; |
|
68 |
} |
|
69 |
|
|
54 | 70 |
// ========================================== // |
55 | 71 |
// Status colors for the redistration |
56 | 72 |
// |
... | ... | |
205 | 221 |
|
206 | 222 |
// --------------------------------------------------- // |
207 | 223 |
|
208 |
.registration-item { |
|
224 |
.registration-list-item {
|
|
209 | 225 |
border-top: valo-border($border: $v-border, $color: $v-background-color, $strength: 0.7); |
210 | 226 |
padding-top: 4px; // avoid button group to overlap with border |
211 | 227 |
} |
228 |
|
|
229 |
.registration-workflow-item { |
|
230 |
border: valo-border($border: $v-border, $color: $v-background-color, $strength: 0.7); |
|
231 |
} |
|
232 |
|
|
233 |
// tab element being part of a process ----------- // |
|
234 |
.workflow-step-wrap { |
|
235 |
padding-right: 10px; |
|
236 |
height: $v-font-size * 3; |
|
237 |
background-color: scale-color(lighten($v-app-background-color, 20%), $saturation: -20%); |
|
238 |
@include box-shadow(inset 0 0 5px $v-app-background-color); |
|
239 |
} |
|
240 |
.workflow-step { |
|
241 |
line-height: $v-font-size * 3; |
|
242 |
} |
|
243 |
.v-caption-workflow-step { |
|
244 |
vertical-align: top; |
|
245 |
padding: 0; |
|
246 |
.v-icon { |
|
247 |
line-height: $v-font-size * 3; |
|
248 |
font-size: $v-font-size * 3.5; |
|
249 |
padding-right: 10px; |
|
250 |
color: $v-background-color; |
|
251 |
} |
|
252 |
|
|
253 |
} |
|
254 |
|
|
255 |
// ----------------------------------------------- // |
|
256 |
.status-REJECTED { |
|
257 |
color: $status-rejected-color; |
|
258 |
} |
|
259 |
.status-CURATION { |
|
260 |
color: $status-curation-color; |
|
261 |
} |
|
262 |
.status-PREPARATION { |
|
263 |
color: $status-preparation-color; |
|
264 |
} |
|
265 |
.status-PUBLISHED { |
|
266 |
color: $status-published-color; |
|
267 |
} |
|
268 |
.status-READY { |
|
269 |
color: $status-ready-color; |
|
270 |
} |
|
271 |
|
|
272 |
.bg-status-REJECTED { |
|
273 |
background-color: $status-rejected-color; |
|
274 |
} |
|
275 |
.bg-status-CURATION { |
|
276 |
background-color: $status-curation-color; |
|
277 |
} |
|
278 |
.bg-status-PREPARATION { |
|
279 |
background-color: $status-preparation-color; |
|
280 |
} |
|
281 |
.bg-status-PUBLISHED { |
|
282 |
background-color: $status-published-color; |
|
283 |
} |
|
284 |
.bg-status-READY { |
|
285 |
background-color: $status-ready-color; |
|
286 |
} |
|
287 |
// ----------------------------------------------- // |
|
212 | 288 |
|
213 | 289 |
#registration-list { |
214 | 290 |
/* --- for the css layout --- */ |
... | ... | |
252 | 328 |
color: $status-ready-color; |
253 | 329 |
} |
254 | 330 |
} |
255 |
// for RegistrationItems |
|
256 |
.v-caption-status-REJECTED { |
|
257 |
color: $status-rejected-color; |
|
258 |
} |
|
259 |
.v-caption-status-CURATION { |
|
260 |
color: $status-curation-color; |
|
261 |
} |
|
262 |
.v-caption-status-PREPARATION { |
|
263 |
color: $status-preparation-color; |
|
264 |
} |
|
265 |
.v-caption-status-PUBLISHED { |
|
266 |
color: $status-published-color; |
|
267 |
} |
|
268 |
.v-caption-status-READY { |
|
269 |
color: $status-ready-color; |
|
270 |
} |
|
271 | 331 |
} |
272 | 332 |
|
273 | 333 |
|
Also available in: Unified diff
ref #6169 visualization of RegistrationWorkingSets in the workflow view