ulysia/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

client/posts: fix viewport height calculation on iOS

Browse source
This commit is contained in:
Michael Serajnik 2018-04-05 19:42:27 +02:00
parent 043fdf7966
commit 721916dadc
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/js/views/post_main_view.js
View file

@ -1,5 +1,6 @@
'use strict'; 'use strict';
const iosCorrectedInnerHeight = require('ios-inner-height');
const router = require('../router.js'); const router = require('../router.js');
const views = require('../util/views.js'); const views = require('../util/views.js');
const uri = require('../util/uri.js'); const uri = require('../util/uri.js');
@ -26,23 +27,20 @@ class PostMainView {
views.replaceContent(this._hostNode, sourceNode); views.replaceContent(this._hostNode, sourceNode);
views.syncScrollPosition(); views.syncScrollPosition();
const postViewNode = document.body.querySelector('.content-wrapper');
const topNavigationNode = const topNavigationNode =
document.body.querySelector('#top-navigation'); document.body.querySelector('#top-navigation');
const margin = (
postViewNode.getBoundingClientRect().top -
topNavigationNode.getBoundingClientRect().height);
this._postContentControl = new PostContentControl( this._postContentControl = new PostContentControl(
postContainerNode, postContainerNode,
ctx.post, ctx.post,
() => { () => {
const margin = sidebarNode.getBoundingClientRect().left;
return [ return [
window.innerWidth - window.innerWidth -
postContainerNode.getBoundingClientRect().left - postContainerNode.getBoundingClientRect().left -
margin, margin,
window.innerHeight - iosCorrectedInnerHeight() -
topNavigationNode.getBoundingClientRect().height - topNavigationNode.getBoundingClientRect().height -
margin * 2, margin * 2,
]; ];