Make WebUI iframe windows scrollable on iOS

Closes #8401, #7932.
This commit is contained in:
Thomas Piccirello 2018-03-08 01:30:13 -05:00
parent c759c4301e
commit 0b56cd5fa0
2 changed files with 19 additions and 1 deletions

View File

@ -375,4 +375,20 @@ div.mochaToolbarWrapper.bottom {
.mochaMaximizeButton.replaced,
.mochaCloseButton.replaced {
background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
}
}
/* iOS iframe scrolling */
.windowFrame .mochaContentWrapper {
/* scroll the Window content. !important required. */
overflow: auto !important;
-webkit-overflow-scrolling: touch;
}
.windowFrame .mochaContent {
height: 100%;
}
.windowFrame iframe {
/* fix double scroll bar by reducing frame height. !important required. */
height: calc(100% - 5px) !important;
}

View File

@ -65,6 +65,7 @@ initializeWindows = function() {
title: "QBT_TR(Download from URLs)QBT_TR[CONTEXT=downloadFromURL]",
loadMethod: 'iframe',
contentURL: 'download.html',
addClass: 'windowFrame', // fixes iframe scrolling on iOS Safari
scrollbars: true,
maximizable: false,
closable: true,
@ -112,6 +113,7 @@ initializeWindows = function() {
title: "QBT_TR(Upload local torrent)QBT_TR[CONTEXT=HttpServer]",
loadMethod: 'iframe',
contentURL: 'upload.html',
addClass: 'windowFrame', // fixes iframe scrolling on iOS Safari
scrollbars: true,
maximizable: false,
paddingVertical: 0,