Files
quartz-manager/quartz-manager-frontend/src/app/components/progress-panel/progress-panel.component.scss
2026-05-06 23:13:44 +02:00

52 lines
744 B
SCSS

#timesTriggeredCounter{
font-size: 2em;
}
#totCounter{
margin-top: auto;
text-align: center;
margin-bottom: 5px;
font-size: 0.8em;
}
#counterBox{
margin-bottom: 1em;
}
.fireBox{
width: 100%;
border-right: 1px solid rgba(0,0,0,.12);
margin: 8px;
}
.fireBox:last-child {
border-right: 0;
}
.fireBoxHeader{
font-size: 0.8em;
text-align: center;
color: grey;
margin-bottom: 0.5em;
}
.fireBoxContent{
text-align: center;
}
.progress-updated {
animation: progressUpdatePulse 700ms ease-out;
}
@keyframes progressUpdatePulse {
0% {
box-shadow: 0 0 0 0 rgba(63, 81, 181, 0.35);
}
45% {
box-shadow: 0 0 0 6px rgba(63, 81, 181, 0.16);
}
100% {
box-shadow: 0 0 0 0 rgba(63, 81, 181, 0);
}
}