0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 11:41:20 +01:00
wagtail/client/scss/components/_workflow-tasks.scss
Ivy 4fbccd1c88
Support text resizing in workflow steps cards (#9525)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-11-18 23:23:39 +00:00

41 lines
745 B
SCSS

.workflow-tasks {
$task-width: 117px;
$task-height: 56px;
list-style-type: none;
&__task {
display: inline-block;
background-color: theme('colors.secondary.50');
border: 2px solid theme('colors.secondary.100');
border-radius: 5px;
color: $color-teal;
min-width: $task-width;
height: $task-height;
margin: 7px;
padding-inline-start: 9px;
padding-inline-end: 9px;
}
&__step {
font-size: 0.625rem;
margin-top: 0.1875rem;
}
&__name {
font-size: 1rem;
font-weight: bold;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
&__extra-tasks {
display: inline-block;
height: $task-height;
vertical-align: middle;
}
}