ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

VBV-232: Fix mobile view

This commit is contained in:
Christian Cueni 2023-01-13 08:48:05 +01:00
parent cac03fce57
commit 434e911eea
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/learningPath/SelfEvaluation.vue
View File

@ -92,16 +92,20 @@ function handleBack() {
{{ $t("selfEvaluation.progressLink") }} {{ $t("selfEvaluation.progressLink") }}
</div> </div>
</div> </div>
<nav class="mt-16 flex justify-between"> <nav class="mt-16 flex lg:justify-between">
<button <button
v-if="showBackButton" v-if="showBackButton"
class="btn-secondary flex items-center" class="btn-secondary flex items-center mr-2"
@click="handleBack()" @click="handleBack()"
data-cy="previous-step"
> >
<it-icon-arrow-left class="w-6 h-6 ml-2"></it-icon-arrow-left> <it-icon-arrow-left class="w-6 h-6 mr-2"></it-icon-arrow-left>
{{ $t("general.backCapitalized") }} {{ $t("general.backCapitalized") }}
</button> </button>
<button class="btn-secondary flex items-center" @click="handleContinue()"> <button
class="btn-secondary flex items-center"
@click="handleContinue()"
data-cy="next-step">
{{ $t("general.next") }} {{ $t("general.next") }}
<it-icon-arrow-right class="w-6 h-6 ml-2"></it-icon-arrow-right> <it-icon-arrow-right class="w-6 h-6 ml-2"></it-icon-arrow-right>
</button> </button>
@ -111,7 +115,7 @@ function handleBack() {
:aria-valuenow="state.questionIndex + 1" :aria-valuenow="state.questionIndex + 1"
:aria-valuemax="questions.length" :aria-valuemax="questions.length"
:aria-valuemin="1" :aria-valuemin="1"
class="absolute bottom-[86px] h-1 left-4 right-4 inline-flex gap-1" class="absolute bottom-[86px] h-1 left-0 right-0 lg:left-4 lg:right-4 inline-flex gap-1"
> >
<span <span
v-for="i in questions.length" v-for="i in questions.length"

2
cypress/support/commands.js
View File

@ -103,7 +103,7 @@ Cypress.Commands.add('makeSelfEvaluation', (answers) => {
} else { } else {
cy.get('[data-cy="fail"]').click(); cy.get('[data-cy="fail"]').click();
} }
cy.get('[data-cy="complete-and-continue"]').click(); cy.get('[data-cy="next-step"]').click();
} }
}); });