aboutsummaryrefslogtreecommitdiffstats
path: root/www/js/views/fms.js
diff options
context:
space:
mode:
authorDave Arter <davea@mysociety.org>2018-03-19 11:34:35 +0000
committerDave Arter <davea@mysociety.org>2018-04-30 13:13:15 +0100
commit186cad0fb9d4320ee0ab781704cf692e8aeece06 (patch)
tree6e7536741ff980c32c28480e3b8d96aaedf1e8e9 /www/js/views/fms.js
parent8d8e65fb32b47eeccb3b82ddd1111a8d24856a4d (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.js8
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 );
},