DGNum/demarches-normaliennes
11
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 { .dropdown-content {
width: 360px; width: 360px;
} }
.dropdown-description {
font-size: 14px;
}
} }
.help-dropdown-title { .help-dropdown-title {
font-size: 16px;
color: $blue-france-500; color: $blue-france-500;
} }
@ -37,15 +32,5 @@
.help-dropdown-service-item { .help-dropdown-service-item {
margin-top: $default-spacer; margin-top: $default-spacer;
line-height: 18px; 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 = 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 %span.fr-icon-question-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" }
.dropdown-description .dropdown-description.fr-text--sm
%span.help-dropdown-title %span.help-dropdown-title
= t('help_dropdown.problem_title') = t('help_dropdown.problem_title')
%p %p.fr-text--sm= t('help_dropdown.problem_description')
= 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 = link_to messagerie_dossier_path(dossier), role: 'menuitem' do
%span.icon.mail %span.fr-icon-mail-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" }
.dropdown-description
.dropdown-description.fr-text--sm .dropdown-description.fr-text--sm
%span.help-dropdown-title= title %span.help-dropdown-title= title
%p.fr-text--sm= t('help_dropdown.contact_instructeur') %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 %span.fr-icon-user-fill.fr-text-action-high--blue-france{ "aria-hidden": "true" }
.dropdown-description .dropdown-description.fr-text--sm
%span.help-dropdown-title= title %span.help-dropdown-title= title
.help-dropdown-service-action .help-dropdown-service-action
%p= t('help_dropdown.contact_administration') %p.fr-text--sm= t('help_dropdown.contact_administration')
%p.help-dropdown-service-item %p.fr-text--sm.help-dropdown-service-item
%span.icon.small.mail %span.fr-icon-mail-fill.fr-icon--sm{ "aria-hidden": "true" }
= link_to service.email, "mailto:#{service.email}", role: 'menuitem' = link_to service.email, "mailto:#{service.email}", role: 'menuitem'
%p.help-dropdown-service-item %p.fr-text--sm
%span.icon.small.phone %span.fr-icon-phone-fill.fr-icon--sm{ "aria-hidden": "true" }
= link_to service.telephone, service.telephone_url, role: 'menuitem' = link_to service.telephone, service.telephone_url, role: 'menuitem'
%p.help-dropdown-service-item %p.fr-text--sm
%span.icon.small.clock %span.fr-icon-time-fill.fr-icon--sm{ "aria-hidden": "true" }
= service.horaires = service.horaires