From 5798a28516b5ec188349a75524a7cd784d805678 Mon Sep 17 00:00:00 2001 From: Henrik Hautakoski Date: Mon, 1 Aug 2022 21:46:54 +0200 Subject: [PATCH] sass: "sticky-footer" broke with BS 5.2.0, fix with flexbox. --- app/assets/sass/base/_global.scss | 7 ++++--- app/assets/sass/layout/_sections.scss | 4 +--- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/app/assets/sass/base/_global.scss b/app/assets/sass/base/_global.scss index a507247..aa9f68b 100644 --- a/app/assets/sass/base/_global.scss +++ b/app/assets/sass/base/_global.scss @@ -1,5 +1,6 @@ -html { - position: relative; - min-height: 100%; +body { + display: flex; + flex-direction: column; + min-height: 100vh; } diff --git a/app/assets/sass/layout/_sections.scss b/app/assets/sass/layout/_sections.scss index cfbb55a..a9e6b83 100644 --- a/app/assets/sass/layout/_sections.scss +++ b/app/assets/sass/layout/_sections.scss @@ -23,7 +23,7 @@ .content-section { @extend .container; - margin-bottom: $footer-height; + flex: 1 0 auto; } @@ -33,8 +33,6 @@ .footer-section { - position: absolute; - bottom: 0; width: 100%; color: $footer-text-color; border-top: 1px solid #bcbcbc;