From e1d92c9c4c12738b52060408294c4e1b38216c87 Mon Sep 17 00:00:00 2001
From: Pierre Dittgen <pierre.dittgen@jailbreak.paris>
Date: Thu, 27 Jun 2019 10:18:18 +0200
Subject: [PATCH] Sticky footer

---
 validata_ui/static/validata.css          | 23 +++++++++++++++++++++++
 validata_ui/templates/base_template.html | 14 ++------------
 2 files changed, 25 insertions(+), 12 deletions(-)
 create mode 100644 validata_ui/static/validata.css

diff --git a/validata_ui/static/validata.css b/validata_ui/static/validata.css
new file mode 100644
index 0000000..82120ee
--- /dev/null
+++ b/validata_ui/static/validata.css
@@ -0,0 +1,23 @@
+/* VALIDATA stylesheet based on bootstrap */
+html {
+  position: relative;
+  min-height: 100%;
+}
+
+body {
+  font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto,
+    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  /* margin-bottom by footer height + footer top margin */
+  margin-bottom: 245px;
+}
+
+.footer {
+  /* sticky footer */
+  background-color: #f5f5f5;
+  padding: 3em;
+  /* margin-top: 5em; */
+  height: 215px;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
diff --git a/validata_ui/templates/base_template.html b/validata_ui/templates/base_template.html
index 8ed9b4a..c0f3fc1 100644
--- a/validata_ui/templates/base_template.html
+++ b/validata_ui/templates/base_template.html
@@ -10,19 +10,9 @@
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
+    <!-- Validata CSS-->
+    <link rel="stylesheet" href="{{ url_for('static', filename='validata.css')}}">
     <title>Validata – {% block title %}{% endblock %}</title>
-
-    <style>
-        body {
-            font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-        }
-
-        .footer {
-            background-color: #f5f5f5;
-            padding: 3em;
-            margin-top: 5em;
-        }
-    </style>
     {% endblock %}
 </head>
 
-- 
GitLab