diff --git a/app/assets/stylesheets/dsfr.scss b/app/assets/stylesheets/dsfr.scss index 23a5e6dea..25b9a2150 100644 --- a/app/assets/stylesheets/dsfr.scss +++ b/app/assets/stylesheets/dsfr.scss @@ -43,3 +43,9 @@ fieldset { padding-left: 0; padding-bottom: 0; } + +.fr-btn.fr-btn--icon-left[target="_blank"] { + &::after { + display: none; + } +} diff --git a/app/views/layouts/_header.haml b/app/views/layouts/_header.haml index b991e454b..319eeacd3 100644 --- a/app/views/layouts/_header.haml +++ b/app/views/layouts/_header.haml @@ -50,7 +50,8 @@ - elsif nav_bar_profile == :instructeur = render partial: 'shared/help/help_dropdown_instructeur' - else - = render partial: 'shared/help/help_button' + // NB: on mobile in order to have links correctly aligned, we need a left icon + = link_to t('help'), FAQ_URL, class: 'fr-btn fr-icon-questionnaire-line fr-btn--icon-left', title: new_tab_suffix(t('help')), **external_link_attributes diff --git a/app/views/shared/help/_help_button.html.haml b/app/views/shared/help/_help_button.html.haml deleted file mode 100644 index f3ad1d8d2..000000000 --- a/app/views/shared/help/_help_button.html.haml +++ /dev/null @@ -1 +0,0 @@ -= link_to t('help'), FAQ_URL, class: 'fr-btn', title: new_tab_suffix(t('help')), **external_link_attributes