From 85e10cbb418687f92bdd032beb1ded0205e6a857 Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <thomas@roundcube.net>
Date: Thu, 15 Aug 2013 00:09:44 +0200
Subject: Fix scrolling in iframes on touch devices

---
 skins/larry/styles.css          | 9 +++++++++
 skins/larry/templates/mail.html | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 288b010ed..238c4a297 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -929,6 +929,15 @@ a.iconlink.upload {
 	background-repeat: no-repeat;
 }
 
+/* fix scrolling within iframes in webkit browsers on touch devices */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	.iframebox {
+		overflow: auto;
+		-webkit-overflow-scrolling: touch;
+	}
+}
+
+
 /*** lists ***/
 
 .listbox {
diff --git a/skins/larry/templates/mail.html b/skins/larry/templates/mail.html
index 7ef12bfdb..5f465d767 100644
--- a/skins/larry/templates/mail.html
+++ b/skins/larry/templates/mail.html
@@ -112,7 +112,7 @@
 
 <div id="mailview-bottom" class="uibox">
 
-<div id="mailpreviewframe">
+<div id="mailpreviewframe" class="iframebox">
 <roundcube:object name="messagecontentframe" id="messagecontframe" style="width:100%; height:100%" frameborder="0" src="/watermark.html" />
 </div>
 
-- 
cgit v1.2.3