Jelajahi Sumber

IE scrollbar adjustments; use calc to set content min-height (IE fails with flex and min-height).

Paulo Reis 9 tahun lalu
induk
melakukan
ec4ff90273

+ 2 - 0
services/web/public/stylesheets/app/project-list.less

@@ -68,6 +68,7 @@
 			height: 100%;
 			height: 100%;
 			overflow-x: hidden;
 			overflow-x: hidden;
 			overflow-y: auto;
 			overflow-y: auto;
+			-ms-overflow-style: -ms-autohiding-scrollbar;
 		}
 		}
 
 
 		.project-list-main {
 		.project-list-main {
@@ -272,6 +273,7 @@ ul.structured-list {
 	margin: 0;
 	margin: 0;
 	overflow: hidden;
 	overflow: hidden;
 	overflow-y: auto;
 	overflow-y: auto;
+	-ms-overflow-style: -ms-autohiding-scrollbar;
 	li {
 	li {
 		border-bottom: 1px solid @structured-list-border-color;
 		border-bottom: 1px solid @structured-list-border-color;
 		padding: (@line-height-computed / 4) 0;
 		padding: (@line-height-computed / 4) 0;

+ 1 - 1
services/web/public/stylesheets/core/ol-variables.less

@@ -29,7 +29,7 @@
 @navbar-brand-image-url : url(/img/ol-brand/overleaf-white.svg);
 @navbar-brand-image-url : url(/img/ol-brand/overleaf-white.svg);
 
 
 // Backgrounds
 // Backgrounds
-@body-bg                : @ol-blue-gray-1;
+@body-bg                : #FFF;
 @content-alt-bg-color   : @ol-blue-gray-1;
 @content-alt-bg-color   : @ol-blue-gray-1;
 
 
 // Typography
 // Typography

+ 3 - 0
services/web/public/stylesheets/core/scaffolding.less

@@ -33,6 +33,9 @@ body {
   position: relative;
   position: relative;
   padding-top: @header-height;
   padding-top: @header-height;
   padding-bottom: @footer-height;
   padding-bottom: @footer-height;
+  & > .content {
+    min-height: calc(~"100vh -" (@header-height + @footer-height));
+  }
 }
 }
 
 
 // Reset fonts for relevant elements
 // Reset fonts for relevant elements