blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Setup Assistant: Simplify logic to calculate progress-bar width

Browse Source 
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
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/app/src/views/FirstTimeWizardView.vue
View File

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