Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

correct iPad sizing

This commit is contained in:
Sam 2017-09-29 11:48:52 +10:00
parent 6baea9948b
commit 05dd97ffe0
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/javascripts/discourse/lib/safari-hacks.js.es6
View File

@ -19,10 +19,10 @@ function calcHeight() {
// iPhone shrinks header and removes footer controls ( back / forward nav )
// at 39px we are at the largest viewport
const smallViewport = (window.screen.height - window.innerHeight) > 40;
const portrait = window.innerHeight > window.innerWidth;
const smallViewport = ((portrait ? window.screen.height : window.screen.width) - window.innerHeight) > 40;
// portrait
if (window.screen.height > window.screen.width) {
if (portrait) {
// iPhone SE, it is super small so just
// have a bit of crop
@ -39,24 +39,22 @@ function calcHeight() {
if (window.screen.height === 736) {
withoutKeyboard = smallViewport ? 353 : 383;
}
// iPad can use innerHeight cause it renders nothing in the footer
if (window.innerHeight > 920) {
withoutKeyboard -= 45;
}
} else {
// landscape
//
// iPad, we have a bigger keyboard
if (window.innerWidth > window.innerHeight && window.innerHeight > 665) {
if (window.innerHeight > 665) {
withoutKeyboard -= 128;
}
}
// iPad portrait also has a bigger keyboard
return Math.max(withoutKeyboard, min);
}