From 688c2468820fc9c05dddb128bd6511313775014d Mon Sep 17 00:00:00 2001 From: Tim Bannister Date: Mon, 10 Jan 2022 23:33:45 +0000 Subject: [PATCH] Fix footer rendering The community page had the wrong rendering for the page footer. Ensure that the footer is as wide as the viewport. --- assets/scss/_custom.scss | 16 ++++++++++++++-- static/css/newcommunity.css | 4 +--- 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss index 71f61c6ada..aefa29e1ff 100644 --- a/assets/scss/_custom.scss +++ b/assets/scss/_custom.scss @@ -215,6 +215,10 @@ body.td-404 main .error-details { } } +body > footer { + width: 100vw; +} + /* FOOTER */ footer { background-color: #303030; @@ -222,8 +226,14 @@ footer { padding: 1rem !important; min-height: initial !important; - .footer__links { - width: 100%; + > div, > p { + max-width: 95%; + @media only screen and (min-width: 768px) { + max-width: calc(min(80rem,90vw)); // avoid spreading too wide + } + } + + > .footer__links { margin: auto; padding-bottom: 1rem; @@ -233,6 +243,8 @@ footer { } @media only screen and (min-width: 768px) { + max-width: calc(min(60rem,90vw)); // avoid spreading too wide + nav { display: flex; flex-direction: row; diff --git a/static/css/newcommunity.css b/static/css/newcommunity.css index 993cd89e1a..3ac0e73bf6 100644 --- a/static/css/newcommunity.css +++ b/static/css/newcommunity.css @@ -85,7 +85,7 @@ body { font-weight: 300; /* letter-spacing:0.03em; */ /* font-size:15px; */ - margin: 0 auto; + margin: 0; } @@ -636,11 +636,9 @@ h2:after { body { overflow-x: hidden; - line-height: 1.5em; margin-top: 1%; letter-spacing: 0.03em; /* font-size: 13px; */ - margin: 0 auto; }