Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

🐛 Fix elastic scroll issues in admin on iOS

Browse source 
closes https://github.com/TryGhost/Ghost/issues/9093
- set app container to `position: fixed` covering full window area to prevent elastic scroll being possible on iOS
This commit is contained in:
Kevin Ansfield 2017-11-09 12:55:46 +00:00
parent a24db0c64e
commit 3450bb25ae
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ghost/admin/app/styles/layouts/main.css
View file

@ -2,16 +2,19 @@
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */
/* /*
Ember's app container, set height so that .gh-app and .gh-viewport Ember's app container. Use `position: fixed`, covering full window area so
don't need to use 100vh where bottom of screen gets covered by iOS menus that scrolling on mobile doesn't trigger elastic scroll
http://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in-some-mobile-browsers.html
TODO: Once we have routable components it should be possible to remove this TODO: Once we have routable components it should be possible to remove this
by moving the gh-app component functionality into the application component by moving the gh-app component functionality into the application component
which would remove the extra div that this targets. which would remove the extra div that this targets.
*/ */
body > .ember-view:not(.default-liquid-destination) { body > .ember-view:not(.default-liquid-destination) {
height: 100%; position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
} }
/* Main viewport, contains main content, and alerts */ /* Main viewport, contains main content, and alerts */