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

Add sticky footer

Browse source
This commit is contained in:
Mathieu Magnin 2017-07-17 14:52:09 +02:00
parent 7a0d6108e1
commit f0777e166f
4 changed files with 40 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/new_design/_constants.scss
View file

@ -2,3 +2,6 @@ $page-width: 1040px;
$default-spacer: 8px; $default-spacer: 8px;
$default-padding: 2 * $default-spacer; $default-padding: 2 * $default-spacer;
$footer-height: 267px;
$footer-height-mobile: 531px;

9
app/assets/stylesheets/new_design/common.scss
View file

@ -10,6 +10,15 @@ body {
line-height: 1.42857143; line-height: 1.42857143;
} }
.page-wrapper {
position: relative;
padding-bottom: $footer-height;
@media (max-width: 1000px) {
padding-bottom: $footer-height-mobile;
}
}
h1 { h1 {
font-size: 36px; font-size: 36px;
font-weight: bold; font-weight: bold;

8
app/assets/stylesheets/new_design/new_footer.scss
View file

@ -7,6 +7,14 @@ footer {
@include vertical-padding(72px); @include vertical-padding(72px);
background-color: $light-grey; background-color: $light-grey;
border-top: 1px solid $border-grey; border-top: 1px solid $border-grey;
position: absolute;
bottom: 0;
width: 100%;
height: $footer-height;
@media (max-width: 1000px) {
height: $footer-height-mobile;
}
} }
.footer-columns { .footer-columns {

1
app/views/layouts/new_application.html.haml
View file

@ -18,6 +18,7 @@
= stylesheet_link_tag "print", media: "print", "data-turbolinks-track": true = stylesheet_link_tag "print", media: "print", "data-turbolinks-track": true
%body %body
.page-wrapper
= render partial: "layouts/support_navigator_banner" = render partial: "layouts/support_navigator_banner"
= render partial: "layouts/ie_lt_10" = render partial: "layouts/ie_lt_10"
#beta{ class:(Rails.env == "production" ? "" : "beta_staging") } #beta{ class:(Rails.env == "production" ? "" : "beta_staging") }