diff options
author | Dave Arter <davea@mysociety.org> | 2018-03-19 11:34:35 +0000 |
---|---|---|
committer | Dave Arter <davea@mysociety.org> | 2018-04-30 13:13:15 +0100 |
commit | 186cad0fb9d4320ee0ab781704cf692e8aeece06 (patch) | |
tree | 6e7536741ff980c32c28480e3b8d96aaedf1e8e9 /www/js/views/fms.js | |
parent | 8d8e65fb32b47eeccb3b82ddd1111a8d24856a4d (diff) |
iPhone X support
Adds a correctly-sized splash sceen image and ensures
the full viewport is used by the webview, as well as
adding sufficient vertical padding based on
`safe-area-inset-bottom` CSS variable.
Diffstat (limited to 'www/js/views/fms.js')
-rw-r--r-- | www/js/views/fms.js | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/www/js/views/fms.js b/www/js/views/fms.js index 4e1a0a4..711968f 100644 --- a/www/js/views/fms.js +++ b/www/js/views/fms.js @@ -52,6 +52,14 @@ viewHeight = $(window).height(), contentHeight = FMS.windowHeight - header.outerHeight() - this.bottomMargin; + if ($("body").hasClass("iphone-x")) { + var body = $("body").get(0); + var inset = window.getComputedStyle(body).getPropertyValue("--safe-area-inset-bottom"); + // We want the pixel value, not the CSS string + inset = parseInt(inset.replace(/[^\d]*/g, '')); + contentHeight -= inset; + } + this.setHeight( content, contentHeight - top ); }, |