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") }}
</div>
</div>
<nav class="mt-16 flex justify-between">
<nav class="mt-16 flex lg:justify-between">
<button
v-if="showBackButton"
class="btn-secondary flex items-center"
class="btn-secondary flex items-center mr-2"
@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") }}
</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") }}
<it-icon-arrow-right class="w-6 h-6 ml-2"></it-icon-arrow-right>
</button>
@ -111,7 +115,7 @@ function handleBack() {
:aria-valuenow="state.questionIndex + 1"
:aria-valuemax="questions.length"
: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
v-for="i in questions.length"

2
cypress/support/commands.js
View File

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