Setup Assistant: Simplify logic to calculate progress-bar width

Thanks Francesco for the help.
This commit is contained in:
Pablo Vazquez 2022-07-21 19:46:51 +02:00 committed by Francesco Siddi
parent 87932ae674
commit 2a12e2d693

View File

@ -449,9 +449,8 @@ export default {
}
.progress-bar {
--progress-bar-total-segments: calc(v-bind('totalSetupSteps') - 1); /* Substract 1 because the first step has no progress. */
--percentage-each-step-width: calc(100% / var(--progress-bar-total-segments));
--percentage-at-current-step: calc(calc(v-bind('currentSetupStep') / var(--progress-bar-total-segments)) * 100%);
--width-each-segment: calc(100% / calc(v-bind('totalSetupSteps') - 1)); /* Substract 1 because the first step has no progress. */
--progress-bar-width-at-current-step: calc(var(--width-each-segment) * calc(v-bind('currentSetupStep') - 1));
position: absolute;
top: calc(50% - calc(var(--wiz-progress-indicator-border-width) / 2));
@ -460,7 +459,7 @@ export default {
height: var(--wiz-progress-indicator-border-width);
position: absolute;
transition: width 500ms ease-out;
width: calc(var(--percentage-at-current-step) - var(--percentage-each-step-width));
width: var(--progress-bar-width-at-current-step);
z-index: 2;
}