diff --git a/app/assets/stylesheets/help_dropdown.scss b/app/assets/stylesheets/help_dropdown.scss index c3925f011..5c1e2e4df 100644 --- a/app/assets/stylesheets/help_dropdown.scss +++ b/app/assets/stylesheets/help_dropdown.scss @@ -5,14 +5,9 @@ .dropdown-content { width: 360px; } - - .dropdown-description { - font-size: 14px; - } } .help-dropdown-title { - font-size: 16px; color: $blue-france-500; } @@ -37,15 +32,5 @@ .help-dropdown-service-item { margin-top: $default-spacer; line-height: 18px; - - .icon { - vertical-align: middle; - margin-right: 5px; - - &.clock { - filter: contrast(0) brightness(120%); - vertical-align: -4px; - } - } } diff --git a/app/views/shared/help/dropdown_items/_faq_item.html.haml b/app/views/shared/help/dropdown_items/_faq_item.html.haml index cea9ceaa4..e4a4e60ef 100644 --- a/app/views/shared/help/dropdown_items/_faq_item.html.haml +++ b/app/views/shared/help/dropdown_items/_faq_item.html.haml @@ -1,7 +1,6 @@ = link_to t("links.common.faq.url"), title: new_tab_suffix(t('help_dropdown.general_title')), **external_link_attributes, role: 'menuitem' do - %span.icon.help - .dropdown-description + %span.fr-icon-question-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" } + .dropdown-description.fr-text--sm %span.help-dropdown-title = t('help_dropdown.problem_title') - %p - = t('help_dropdown.problem_description') + %p.fr-text--sm= t('help_dropdown.problem_description') diff --git a/app/views/shared/help/dropdown_items/_messagerie_item.html.haml b/app/views/shared/help/dropdown_items/_messagerie_item.html.haml index 5e95e3f32..0316831bc 100644 --- a/app/views/shared/help/dropdown_items/_messagerie_item.html.haml +++ b/app/views/shared/help/dropdown_items/_messagerie_item.html.haml @@ -1,6 +1,5 @@ = link_to messagerie_dossier_path(dossier), role: 'menuitem' do - %span.icon.mail - .dropdown-description + %span.fr-icon-mail-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" } .dropdown-description.fr-text--sm %span.help-dropdown-title= title %p.fr-text--sm= t('help_dropdown.contact_instructeur') diff --git a/app/views/shared/help/dropdown_items/_service_item.html.haml b/app/views/shared/help/dropdown_items/_service_item.html.haml index a50a19b23..208601f51 100644 --- a/app/views/shared/help/dropdown_items/_service_item.html.haml +++ b/app/views/shared/help/dropdown_items/_service_item.html.haml @@ -1,14 +1,14 @@ -%span.icon.person -.dropdown-description +%span.fr-icon-user-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" } +.dropdown-description.fr-text--sm %span.help-dropdown-title= title .help-dropdown-service-action - %p= t('help_dropdown.contact_administration') - %p.help-dropdown-service-item - %span.icon.small.mail + %p.fr-text--sm= t('help_dropdown.contact_administration') + %p.fr-text--sm.help-dropdown-service-item + %span.fr-icon-mail-fill.fr-icon--sm{ "aria-hidden": "true" } = link_to service.email, "mailto:#{service.email}", role: 'menuitem' - %p.help-dropdown-service-item - %span.icon.small.phone + %p.fr-text--sm + %span.fr-icon-phone-fill.fr-icon--sm{ "aria-hidden": "true" } = link_to service.telephone, service.telephone_url, role: 'menuitem' - %p.help-dropdown-service-item - %span.icon.small.clock + %p.fr-text--sm + %span.fr-icon-time-fill.fr-icon--sm{ "aria-hidden": "true" } = service.horaires