IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 18:30:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

improve keyboard height detection

Browse Source
This commit is contained in:
Sam 2017-09-28 21:25:03 +10:00
parent d79fee9ff3
commit b2575a8ce3
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,22 +17,27 @@ function calcHeight() {
let withoutKeyboard = window.innerHeight - 270;
const min = 270;
// 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;
// portrait
if (window.screen.height > window.screen.width) {
// iPhone SE
// iPhone SE, it is super small so just
// have a bit of crop
if (window.screen.height === 568) {
withoutKeyboard = 270;
}
// iPhone 6/7/8
if (window.screen.height === 667) {
withoutKeyboard = 295;
withoutKeyboard = smallViewport ? 295 : 325;
}
// iPhone 6/7/8 plus
if (window.innerHeight === 736) {
withoutKeyboard = 360;
if (window.screen.height === 736) {
withoutKeyboard = smallViewport ? 353 : 383;
}
// iPad can use innerHeight cause it renders nothing in the footer