jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changing fade duration

Browse source
This commit is contained in:
Max 2022-03-04 10:16:56 -05:00
parent 234467f6ec
commit eb709f69a4
3 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/layouts/vehicle-damage/windshield-options/windshield-damage-type-question/windshield-damage-type-question.vue
View file

@ -1,6 +1,5 @@
<template>
<transition :name="selectedDamageLocations.includes('SideDoor'
) ? 'fade_delay' : 'fade'" mode="out-in">
<transition name="fade" mode="out-in">
<div class="windshield-damage-type-question" v-if="isAvailable" aria-live="polite">
<buttonQuestion
:questionText="questionText"

1
src/layouts/vehicle-damage/windshield-options/windshield-options.vue
View file

@ -3,7 +3,6 @@
<windshieldDamageTypeQuestion ref="windshieldDamageTypeQuestion"
:isAvailable=isWindshieldDamageLocation
:suppressError="suppressError"
:selectedDamageLocations="selectedDamageLocations"
groupName="WindshieldDamageTypeQuestion"
v-model="selectedWindshieldDamageTypeValues"
/>

12
src/styles/common-animations.scss
View file

@ -1,18 +1,12 @@
.fade-enter-active, .fade_delay-enter-active {
transition: opacity 0.6s ease;
transition: opacity 0.8s ease;
}
.fade_delay-enter-active {
transition-delay: 0.175s;
}
.fade-leave-active, .fade_delay-leave-active {
.fade-leave-active {
transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to,
.fade_delay-enter-from,
.fade_delay-leave-to {
.fade-leave-to {
opacity: 0;
}