Amélioration du header sur mobile
Amélioration du header sur mobile
This commit is contained in:
commit
1d5f219303
3 changed files with 20 additions and 7 deletions
1
app/assets/images/header/logo-ds-narrow.svg
Normal file
1
app/assets/images/header/logo-ds-narrow.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 36 KiB |
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -129,7 +139,8 @@ $landing-breakpoint: 1040px;
|
|||
padding: 9px;
|
||||
padding-right: 42px;
|
||||
float: right;
|
||||
width: 300px;
|
||||
max-width: 300px;
|
||||
min-width: 90px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue