summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThomas Bruederli <thomas@roundcube.net>2013-08-15 00:09:44 +0200
committerThomas Bruederli <thomas@roundcube.net>2013-08-15 00:11:41 +0200
commited478cf064c79a4f76dc5433510ba15260f2e1ec (patch)
tree393da297f757bf9cc2d2e32080dc7538ef314f21
parentcf89e87effbdef6d2a2d43b5fd7325f21b4627b6 (diff)
Fix scrolling in iframes on touch devices
-rw-r--r--skins/larry/styles.css9
-rw-r--r--skins/larry/templates/mail.html2
2 files changed, 10 insertions, 1 deletions
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index f4b41fcb5..983b47c78 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -877,6 +877,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 e145ddff8..24274fde3 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>