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

header: improve available width on narrow viewports

Browse source
This commit is contained in:
Pierre de La Morinerie 2019-03-11 14:55:15 +00:00
parent 33db73c513
commit f14ddccbe8
3 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/assets/images/header/logo-ds-narrow.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 36 KiB

20
app/assets/stylesheets/new_design/new_header.scss
View file

@ -23,13 +23,23 @@ $landing-breakpoint: 1040px;
.header-logo { .header-logo {
display: inline-block; display: inline-block;
margin-right: 4 * $default-spacer;
img { .header-logo-wide {
height: 34px; margin-right: 4 * $default-spacer;
}
@media (max-width: $landing-breakpoint) { .header-logo-narrow {
height: 18px; display: none;
}
@media (max-width: $landing-breakpoint) {
.header-logo-wide {
display: none;
}
.header-logo-narrow {
display: inline;
margin-right: 0;
} }
} }
} }

3
app/views/layouts/_new_header.haml
View file

@ -6,7 +6,8 @@
.flex.align-center .flex.align-center
= link_to root_path_for_profile(nav_bar_profile), class: "header-logo" do = link_to root_path_for_profile(nav_bar_profile), class: "header-logo" do
%img{ src: image_url("header/logo-ds.svg"), alt: "demarches-simplifiees.fr" } = image_tag "header/logo-ds.svg", alt: "demarches-simplifiees.fr", class: "header-logo-wide"
= image_tag "header/logo-ds-narrow.svg", alt: "demarches-simplifiees.fr", class: "header-logo-narrow"
- if nav_bar_profile == :gestionnaire && gestionnaire_signed_in? - if nav_bar_profile == :gestionnaire && gestionnaire_signed_in?
- current_url = request.path_info - current_url = request.path_info