From d5502fd502d59df8ea216f1d13302dbe79fdc095 Mon Sep 17 00:00:00 2001 From: Paulo Reis Date: Thu, 21 Dec 2017 11:03:27 +0000 Subject: [PATCH] Make layout work nicely without navbar (content BG now expands to the top). --- services/web/public/stylesheets/app/project-list.less | 6 +++++- services/web/public/stylesheets/core/scaffolding.less | 4 ++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less index 1c3c4490ae..930eecd3c3 100644 --- a/services/web/public/stylesheets/app/project-list.less +++ b/services/web/public/stylesheets/app/project-list.less @@ -23,11 +23,15 @@ position: absolute; top: @header-height; bottom: @footer-height; - padding-top: 0; padding-bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; + // Specificity needed to override default `body > .content` values + body > .content& { + min-height: calc(~"100vh -" (@header-height + @footer-height)); + padding-top: 0; + } } .project-list-content when (@is-overleaf) { diff --git a/services/web/public/stylesheets/core/scaffolding.less b/services/web/public/stylesheets/core/scaffolding.less index 22d7225b95..df52ab1fb4 100755 --- a/services/web/public/stylesheets/core/scaffolding.less +++ b/services/web/public/stylesheets/core/scaffolding.less @@ -32,10 +32,10 @@ body { background-color: @body-bg; min-height: 100%; position: relative; - padding-top: @header-height; padding-bottom: @footer-height; & > .content { - min-height: calc(~"100vh -" (@header-height + @footer-height)); + min-height: calc(~"100vh -" @footer-height); + padding-top: @header-height + @content-margin-vertical; } }