household-members-editor: lightly improve ux (TO CHECK)

This commit is contained in:
Mathieu Jaumotte 2021-12-06 12:21:59 +01:00
parent ebd817f61e
commit ce171ec747
4 changed files with 9 additions and 3 deletions

View File

@ -15,7 +15,12 @@
<confirmation v-if="step === 'confirm'"></confirmation> <confirmation v-if="step === 'confirm'"></confirmation>
<ul class="record_actions sticky-form-buttons"> <ul class="record_actions sticky-form-buttons">
<li class="cancel" v-if="step !== 'concerned' || hasReturnPath"> <li class="cancel" v-if="step !== 'concerned'">
<button class="btn btn-cancel" @click="goToPrevious">
{{ $t('household_members_editor.app.previous') }}
</button>
</li>
<li class="cancel" v-else-if="hasReturnPath">
<button class="btn btn-cancel" @click="goToPrevious"> <button class="btn btn-cancel" @click="goToPrevious">
{{ $t('household_members_editor.app.cancel') }} {{ $t('household_members_editor.app.cancel') }}
</button> </button>

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="flex-table" v-if="hasHousehold"> <div class="flex-table mb-5" v-if="hasHousehold">
<div class="item-bloc"> <div class="item-bloc">
<household-render-box :household="fakeHouseholdWithConcerned"></household-render-box> <household-render-box :household="fakeHouseholdWithConcerned"></household-render-box>
</div> </div>

View File

@ -51,6 +51,7 @@ const appMessages = {
}, },
app: { app: {
next: 'Suivant', next: 'Suivant',
previous: 'Précédent',
cancel: 'Annuler', cancel: 'Annuler',
save: 'Enregistrer', save: 'Enregistrer',
steps: { steps: {

View File

@ -4,7 +4,7 @@
{% block title 'household.Edit household members'|trans %} {% block title 'household.Edit household members'|trans %}
{% block content %} {% block content %}
<div class="household-members"> <div class="col-md-10 col-xxl household-members">
<h1>{{ block('title') }}</h1> <h1>{{ block('title') }}</h1>
<div id="household_members_editor"></div> <div id="household_members_editor"></div>