From 172690171837fa453df07cc98cdbc0e131c27c16 Mon Sep 17 00:00:00 2001 From: stanica Date: Sun, 29 Sep 2013 19:13:03 -0400 Subject: [PATCH 1/3] Fixed [904706] Thimble pages not scrollable on iOS --- public/stylesheets/makedetails.less | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/public/stylesheets/makedetails.less b/public/stylesheets/makedetails.less index 5bdef8929..0a52acdf8 100644 --- a/public/stylesheets/makedetails.less +++ b/public/stylesheets/makedetails.less @@ -199,3 +199,10 @@ body { } } +@media only screen and (device-width: 768px) { + .thimble-project-container { + /* For iOS scrolling within iframe.*/ + overflow: auto; + -webkit-overflow-scrolling: touch; + } +} \ No newline at end of file From 2015972c2948242d4f247a038a17729d9ee67250 Mon Sep 17 00:00:00 2001 From: stanica Date: Sun, 29 Sep 2013 20:52:29 -0400 Subject: [PATCH 2/3] Added newline to end of makedetails.less as per style guide --- public/stylesheets/makedetails.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/stylesheets/makedetails.less b/public/stylesheets/makedetails.less index 0a52acdf8..651a19116 100644 --- a/public/stylesheets/makedetails.less +++ b/public/stylesheets/makedetails.less @@ -205,4 +205,4 @@ body { overflow: auto; -webkit-overflow-scrolling: touch; } -} \ No newline at end of file +} From a937bdb7e46720ad197b8f41427904715a019603 Mon Sep 17 00:00:00 2001 From: stanica Date: Mon, 30 Sep 2013 16:55:50 -0400 Subject: [PATCH 3/3] Added min/max constraints for iPad resolution --- public/stylesheets/makedetails.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/public/stylesheets/makedetails.less b/public/stylesheets/makedetails.less index 651a19116..1ffb2a936 100644 --- a/public/stylesheets/makedetails.less +++ b/public/stylesheets/makedetails.less @@ -199,9 +199,9 @@ body { } } -@media only screen and (device-width: 768px) { +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .thimble-project-container { - /* For iOS scrolling within iframe.*/ + // For iOS scrolling within iFrame overflow: auto; -webkit-overflow-scrolling: touch; }