diff options
| author |   Max Magorsch <max@magorsch.de> | 2019-09-07 17:49:51 +0200 |
|---|---|---|
| committer | Max Magorsch <max@magorsch.de> | 2019-09-07 17:49:51 +0200 |
| commit | d4929fd6fa416410fa574a556551bc6eadce5eef (patch) | |
| tree | a54d3c726ebff6e3bf4d74146accaf76dadf974d | |
| parent | Fix a small bug to select the correct changelog entry (diff) | |
| download | packages-5-dev/rails-6.tar.gz packages-5-dev/rails-6.tar.bz2 packages-5-dev/rails-6.zip | |
Keep the footer at the bottom of the pagedev/rails-6
Whenever the content of the page is taller than the viewport, the
footer is currently kept correctly beneath the content. If, however,
the content is too small to fill the viewport, the footer is displayed
in the middle of the page. For instance, please note:
- https://packages.gentoo.org/about
- https://packages.gentoo.org/about/help
- https://packages.gentoo.org/arches
The introduced change keeps the footer at the bottom of the page
no matter how tall the content is.
Signed-off-by: Max Magorsch <max@magorsch.de>
| -rw-r--r-- | app/assets/stylesheets/application.css | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 6b38ea1..ee26125 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -14,3 +14,17 @@ *= require jquery.typeahead.min *= require_self */ + +/* Keep the footer at the bottom */ +body { + min-height: 100vh; + position: relative; + margin: 0; + padding-bottom: 215px; +} +footer { + position: absolute; + margin-top: 40px; + bottom: 0; + width: 100%; +}
\ No newline at end of file |