From 8d4c69c6fb0ef741a19070f5172017ea3522e83c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Abdussamet=20Ko=C3=A7ak?= Date: Fri, 4 Dec 2020 10:28:18 +0300 Subject: [PATCH] Fix footer not sticking to bottom in short pages Fixes https://github.com/simonw/datasette/issues/1129 --- datasette/static/app.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/datasette/static/app.css b/datasette/static/app.css index 9e498ab9..20c225bd 100644 --- a/datasette/static/app.css +++ b/datasette/static/app.css @@ -65,6 +65,12 @@ em { body { + /* sticky footer */ + display: flex; + flex-direction: column; + min-height: 100vh; + /* /sticky footer */ + margin: 0; padding: 0; font-family: "Helvetica Neue", sans-serif; @@ -330,6 +336,7 @@ button.button-as-link:focus { /* Body */ section.content { + flex-grow: 1; /* sticky footer */ margin: 0 1rem; }