From ec4ff902731bdec51d4273f71d1587d44519ce2c Mon Sep 17 00:00:00 2001 From: Paulo Reis Date: Tue, 17 Oct 2017 12:24:47 +0100 Subject: [PATCH] IE scrollbar adjustments; use calc to set content min-height (IE fails with flex and min-height). --- services/web/public/stylesheets/app/project-list.less | 2 ++ services/web/public/stylesheets/core/ol-variables.less | 2 +- services/web/public/stylesheets/core/scaffolding.less | 3 +++ 3 files changed, 6 insertions(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less index d196ef43cf..72c320d388 100644 --- a/services/web/public/stylesheets/app/project-list.less +++ b/services/web/public/stylesheets/app/project-list.less @@ -68,6 +68,7 @@ height: 100%; overflow-x: hidden; overflow-y: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } .project-list-main { @@ -272,6 +273,7 @@ ul.structured-list { margin: 0; overflow: hidden; overflow-y: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; li { border-bottom: 1px solid @structured-list-border-color; padding: (@line-height-computed / 4) 0; diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less index 7b373ae0ca..9938b301bc 100644 --- a/services/web/public/stylesheets/core/ol-variables.less +++ b/services/web/public/stylesheets/core/ol-variables.less @@ -29,7 +29,7 @@ @navbar-brand-image-url : url(/img/ol-brand/overleaf-white.svg); // Backgrounds -@body-bg : @ol-blue-gray-1; +@body-bg : #FFF; @content-alt-bg-color : @ol-blue-gray-1; // Typography diff --git a/services/web/public/stylesheets/core/scaffolding.less b/services/web/public/stylesheets/core/scaffolding.less index 3258e36c2c..41c70bb11d 100755 --- a/services/web/public/stylesheets/core/scaffolding.less +++ b/services/web/public/stylesheets/core/scaffolding.less @@ -33,6 +33,9 @@ body { position: relative; padding-top: @header-height; padding-bottom: @footer-height; + & > .content { + min-height: calc(~"100vh -" (@header-height + @footer-height)); + } } // Reset fonts for relevant elements