From: stephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Tue, 6 Sep 2016 14:21:51 +0000 (+0000)
Subject: WIP #672 @2
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=acd39f86e00ad6a2e87d2b78eda2542d3d3b10fc;p=fluidbook-v3.git

WIP #672 @2
---

diff --git a/less/002-common.less b/less/002-common.less
index 48d4695..d10cf89 100644
--- a/less/002-common.less
+++ b/less/002-common.less
@@ -33,6 +33,19 @@ body {
 	box-shadow: none;
 }
 
+// When the popup is open, freeze the background so it doesn't scroll
+// This is so we don't have problems with touch devices
+body.popupOpen {
+	position: fixed;
+	height: 100%;
+	width: 100%;
+	overflow: hidden;
+}
+.popupWindow {
+	-webkit-overflow-scrolling: touch;
+	background-color: #fff; // For some reason this is needed when using -webkit-overflow-scrolling or background is missing at bottom
+}
+
 main {
 	background-color: #fff;
 	max-width: @content-max-width;