From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sun, 30 Sep 2018 16:26:05 +0000 (+0100)
Subject: Make footer sticky
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=d5389cd73d6bcf740a5e4c64a84f594932f000ef;p=ipfire.org.git

Make footer sticky

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 6693384a..015eef48 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -89,3 +89,6 @@ $input-btn-padding-y:		.5rem;
 
 // Buttons
 $btn-border-width:			3px;
+
+// Footer
+$footer-height:				22rem;
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 2f481da3..89aa7e0a 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -43,11 +43,14 @@
 	color: $body-bg;
 }
 
-body {
-	// For scrollspy
+html {
 	position: relative;
+	min-height: 100%;
+}
 
+body {
 	padding-top: 6rem;
+	margin-bottom: $footer-height;
 }
 
 // Buttons
@@ -101,6 +104,11 @@ body {
 }
 
 footer {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	height: $footer-height;
+
 	.btn-toolbar .icon {
 		height: 2.25rem;
 		width: 2.25rem;