header: improve available width on narrow viewports

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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 36 KiB

View file

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

View file

@ -6,7 +6,8 @@
.flex.align-center
= 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?
- current_url = request.path_info