2020-06-25 17:52:40 +02:00
|
|
|
.workflow-tasks {
|
|
|
|
$task-width: 117px;
|
|
|
|
$task-height: 56px;
|
|
|
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
|
|
&__task {
|
|
|
|
display: inline-block;
|
2022-07-09 08:32:51 +02:00
|
|
|
background-color: theme('colors.secondary.50');
|
|
|
|
border: 2px solid theme('colors.secondary.100');
|
2020-06-25 17:52:40 +02:00
|
|
|
border-radius: 5px;
|
2022-07-09 08:32:51 +02:00
|
|
|
color: $color-teal;
|
2022-11-19 00:23:39 +01:00
|
|
|
min-width: $task-width;
|
2020-06-25 17:52:40 +02:00
|
|
|
height: $task-height;
|
|
|
|
margin: 7px;
|
2022-03-15 14:21:06 +01:00
|
|
|
padding-inline-start: 9px;
|
|
|
|
padding-inline-end: 9px;
|
2020-06-25 17:52:40 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&__step {
|
2022-11-19 00:23:39 +01:00
|
|
|
font-size: 0.625rem;
|
|
|
|
margin-top: 0.1875rem;
|
2020-06-25 17:52:40 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&__name {
|
2022-11-19 00:23:39 +01:00
|
|
|
font-size: 1rem;
|
2020-06-25 17:52:40 +02:00
|
|
|
font-weight: bold;
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__extra-tasks {
|
|
|
|
display: inline-block;
|
|
|
|
height: $task-height;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
}
|