DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

refactor(help_dropdown): fix font sizes & use dsfr icons

Browse source
This commit is contained in:
Colin Darie 2023-02-21 19:29:17 +01:00
parent 11fb3a5ca8
commit 7a67345d49
4 changed files with 13 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/assets/stylesheets/help_dropdown.scss
View file

@ -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;
}
}
}

7
app/views/shared/help/dropdown_items/_faq_item.html.haml
View file

@ -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')

3
app/views/shared/help/dropdown_items/_messagerie_item.html.haml
View file

@ -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')

18
app/views/shared/help/dropdown_items/_service_item.html.haml
View file

@ -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