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> <template>
<transition :name="selectedDamageLocations.includes('SideDoor' <transition name="fade" mode="out-in">
) ? 'fade_delay' : 'fade'" mode="out-in">
<div class="windshield-damage-type-question" v-if="isAvailable" aria-live="polite"> <div class="windshield-damage-type-question" v-if="isAvailable" aria-live="polite">
<buttonQuestion <buttonQuestion
:questionText="questionText" :questionText="questionText"

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

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

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

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