Ajoute le bouton retour dans l'interface instructeur

This commit is contained in:
Kara Diaby 2024-11-04 11:13:13 +00:00
parent e3473fbe91
commit 21f696a6e5
No known key found for this signature in database
GPG key ID: C4D1B0CF9F24D759
2 changed files with 28 additions and 4 deletions

View file

@ -393,3 +393,24 @@ ul.dropdown-items {
content: none !important; content: none !important;
} }
} }
.btn-back {
border: 1px solid $blue-france-500;
color: $blue-france-500;
background-color: transparent;
height: 2em;
width: 2em;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
margin-right: $default-spacer * 2;
&:hover {
background-color: transparent !important;
}
}
.btn-back .fr-icon-arrow-left-line {
font-size: 0.8em;
}

View file

@ -1,5 +1,8 @@
.procedure-header .procedure-header
.clipboard-container .clipboard-container.flex
= link_to "javascript:history.back()", class: "fr-btn btn-back" do
%span.fr-icon-arrow-left-line{ "aria-hidden" => "true", style: "font-size: 14px;" }
%h1.fr-h3 %h1.fr-h3
= "#{procedure_libelle procedure} (n°#{procedure.id})" = "#{procedure_libelle procedure} (n°#{procedure.id})"
%nav.flex.align-center.fr-translate.fr-nav{ role: "navigation", "aria-label"=> t('instructeurs.dossiers.header.banner.procedure_navigation') } %nav.flex.align-center.fr-translate.fr-nav{ role: "navigation", "aria-label"=> t('instructeurs.dossiers.header.banner.procedure_navigation') }
@ -7,7 +10,7 @@
= link_to instructeur_procedure_path(procedure), class: "account-btn fr-btn fr-btn--tertiary fr-btn--no-border", style: "box-shadow: none; background: none;" do = link_to instructeur_procedure_path(procedure), class: "account-btn fr-btn fr-btn--tertiary fr-btn--no-border", style: "box-shadow: none; background: none;" do
%span.fr-mr-1w= t('instructeurs.dossiers.header.banner.follow_up') %span.fr-mr-1w= t('instructeurs.dossiers.header.banner.follow_up')
.fr-nav__item.relative .fr-nav__item.relative
%button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border{ "aria-controls" => "procedure-management", "aria-expanded" => "false", style: "box-shadow: none; background: none;" } %button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "procedure-management", "aria-expanded" => "false", style: "box-shadow: none; background: none;" }
= t('instructeurs.dossiers.header.banner.procedure_management') = t('instructeurs.dossiers.header.banner.procedure_management')
#procedure-management.fr-collapse.fr-menu.absolute #procedure-management.fr-collapse.fr-menu.absolute
%ul.fr-menu__list %ul.fr-menu__list
@ -23,7 +26,7 @@
= link_to t('views.instructeurs.dossiers.show_deleted_dossiers'), deleted_dossiers_instructeur_procedure_path(@procedure), class: 'fr-nav__link' = link_to t('views.instructeurs.dossiers.show_deleted_dossiers'), deleted_dossiers_instructeur_procedure_path(@procedure), class: 'fr-nav__link'
.fr-nav__item.relative .fr-nav__item.relative
%button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border{ "aria-controls" => "user-support", "aria-expanded" => "false", style: "box-shadow: none; background: none;" } %button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "user-support", "aria-expanded" => "false", style: "box-shadow: none; background: none;" }
= t('instructeurs.dossiers.header.banner.user_support') = t('instructeurs.dossiers.header.banner.user_support')
#user-support.fr-collapse.fr-menu.absolute #user-support.fr-collapse.fr-menu.absolute
%ul.fr-menu__list %ul.fr-menu__list
@ -36,7 +39,7 @@
= t('instructeurs.dossiers.header.banner.copy_link_button') = t('instructeurs.dossiers.header.banner.copy_link_button')
.fr-nav__item.relative .fr-nav__item.relative
%button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border{ "aria-controls" => "downloads", "aria-expanded" => "false", style: "box-shadow: none; background: none;" } %button.account-btn.fr-translate__btn.fr-btn.fr-btn--tertiary.fr-btn--no-border.fr-text--md{ "aria-controls" => "downloads", "aria-expanded" => "false", style: "box-shadow: none; background: none;" }
= t('instructeurs.dossiers.header.banner.downloads') = t('instructeurs.dossiers.header.banner.downloads')
#downloads.fr-collapse.fr-menu.absolute #downloads.fr-collapse.fr-menu.absolute
%ul.fr-menu__list %ul.fr-menu__list