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

Space change between questions

Browse source 
SSR-354
This commit is contained in:
Jethe 2023-04-04 17:41:35 +05:30
parent 75d0a97965
commit bad0ab8d9a
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/digital-components/question-chain/question-chain.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div v-for="(q, i) in questions" :key="i"> <div v-for="(q, i) in questions" :key="i" :id="`question${q.questionSequence}`">
<transition appear name="fade" mode="out-in"> <transition appear name="fade" mode="out-in">
<buttonQuestion <buttonQuestion
v-if="q.answerSelected || q.questionSequence === currentQuestionNum" v-if="q.answerSelected || q.questionSequence === currentQuestionNum"
@ -11,6 +11,7 @@
:modelValue="q.answerSelected" :modelValue="q.answerSelected"
@update:modelValue="handleAnswer(q, $event)" @update:modelValue="handleAnswer(q, $event)"
isRequired isRequired
isFirstChildElement
:validationRules="validationRules" /> :validationRules="validationRules" />
</transition> </transition>
</div> </div>
@ -161,3 +162,15 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss">
#question3{
.button-question.radioQuestion >div {
margin-top: 0.73rem;
}
}
#question2{
.button-question.radioQuestion >div {
margin-top: 0.73rem;
}
}
</style>