diff options
| author | Thomas Bruederli <thomas@roundcube.net> | 2013-08-15 00:09:44 +0200 |
|---|---|---|
| committer | Thomas Bruederli <thomas@roundcube.net> | 2013-08-15 00:09:44 +0200 |
| commit | 85e10cbb418687f92bdd032beb1ded0205e6a857 (patch) | |
| tree | f5cdfcec01c83ad6209f34cd2a396edd3e1e7504 | |
| parent | 465fc3a4c7de3f41eb09468adf0c03fb424f353e (diff) | |
Fix scrolling in iframes on touch devices
| -rw-r--r-- | skins/larry/styles.css | 9 | ||||
| -rw-r--r-- | skins/larry/templates/mail.html | 2 |
2 files changed, 10 insertions, 1 deletions
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> |