From 435a5b6a43bebcae03bf437abfb2a10047b1256e Mon Sep 17 00:00:00 2001 From: Paulo Reis Date: Mon, 9 Oct 2017 10:30:09 +0100 Subject: [PATCH] Adjust the body to take header and footer into account with padding. --- services/web/public/stylesheets/core/_common-variables.less | 2 +- services/web/public/stylesheets/core/ol-variables.less | 4 ++-- services/web/public/stylesheets/core/scaffolding.less | 4 +++- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less index 927663b65d..039c0c890d 100644 --- a/services/web/public/stylesheets/core/_common-variables.less +++ b/services/web/public/stylesheets/core/_common-variables.less @@ -794,7 +794,7 @@ // Custom @is-overleaf: false; @header-height: 69px; -@footer-height: 81px; +@footer-height: 50px; @content-alt-bg-color: lighten(@gray-lightest, 2.5%); diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less index 9067d2744f..0a884fbc3f 100644 --- a/services/web/public/stylesheets/core/ol-variables.less +++ b/services/web/public/stylesheets/core/ol-variables.less @@ -1,8 +1,8 @@ @import "./_common-variables.less"; @is-overleaf: true; -@header-height: 69px; -@footer-height: 81px; +@header-height: 70px; +@footer-height: 50px; // Styleguide colors @ol-blue-gray-1 : #E4E8EE; diff --git a/services/web/public/stylesheets/core/scaffolding.less b/services/web/public/stylesheets/core/scaffolding.less index 78c919d8bb..3258e36c2c 100755 --- a/services/web/public/stylesheets/core/scaffolding.less +++ b/services/web/public/stylesheets/core/scaffolding.less @@ -29,8 +29,10 @@ body { line-height: @line-height-base; color: @text-color; background-color: @body-bg; - height: 100vh; + min-height: 100vh; position: relative; + padding-top: @header-height; + padding-bottom: @footer-height; } // Reset fonts for relevant elements