From bb117df70709737e345760454973d4abc31b32bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Matija=20Re=C5=A1ek?= Date: Mon, 4 Oct 2021 12:24:44 +0200 Subject: [PATCH] Make footer scrollable --- auth/assets/public/style.css | 15 ++++++++++----- auth/assets/templates/inc_footer.html.tpl | 4 ++-- 2 files changed, 12 insertions(+), 7 deletions(-) diff --git a/auth/assets/public/style.css b/auth/assets/public/style.css index 067f2db50..91786a671 100644 --- a/auth/assets/public/style.css +++ b/auth/assets/public/style.css @@ -3,7 +3,7 @@ --primary-hover: #061E2C; --light: #E4E9EF; --danger: #E24646; - --body-margin: 50px; + --body-margin: 2.6vw; } @font-face { @@ -38,11 +38,17 @@ font-display: swap; } +html { + height: 100%; +} + body { - margin: var(--body-margin) 0; + margin-top: var(--body-margin); font-family: 'Poppins-Regular'; - height: calc(100vh - 2 * var(--body-margin)); + min-height: calc(100% - var(--body-margin)); + display: grid; + grid-template-rows: auto; } .logo { @@ -152,8 +158,7 @@ select.form-control { } .footer { - position: fixed; - bottom: 0; + margin-top: auto; } /* position bootstrap icons on buttons centrally */ diff --git a/auth/assets/templates/inc_footer.html.tpl b/auth/assets/templates/inc_footer.html.tpl index e9354348f..ad80786b1 100644 --- a/auth/assets/templates/inc_footer.html.tpl +++ b/auth/assets/templates/inc_footer.html.tpl @@ -1,7 +1,7 @@ {{ template "inc_toasts.html.tpl" .alerts }} -