diff --git a/packages/gallery/src/interface/allImages.js b/packages/gallery/src/interface/allImages.js index 6209bf0..22fbda2 100644 --- a/packages/gallery/src/interface/allImages.js +++ b/packages/gallery/src/interface/allImages.js @@ -239,7 +239,8 @@ const uploadButton = styled( const allImagesContainer = styled( { - overflow: 'scroll' + overflow: 'scroll', + marginTop: '58px' }, FILL_STYLE ); diff --git a/packages/gallery/src/interface/focus.js b/packages/gallery/src/interface/focus.js index f70b874..50399c6 100644 --- a/packages/gallery/src/interface/focus.js +++ b/packages/gallery/src/interface/focus.js @@ -4,7 +4,7 @@ import { subscribeToRender, defineView, nodeParentWithType, - availableViewportSize, + fullViewportSize, defineElement as el } from '../utils/domvm.js'; @@ -42,7 +42,7 @@ export function FocusView(vm, params, key, { appbar }) { }; } }, - [doc, availableViewportSize] + [doc, fullViewportSize] ); function navBack() { diff --git a/packages/gallery/src/interface/gallery.js b/packages/gallery/src/interface/gallery.js index 92f9576..f65bd77 100644 --- a/packages/gallery/src/interface/gallery.js +++ b/packages/gallery/src/interface/gallery.js @@ -86,9 +86,10 @@ const container = styled( const content = styled({ position: 'absolute', - top: '58px', + top: 0, bottom: 0, left: 0, right: 0, + display: 'flex', ['-webkit-transform']: 'translate3d(0,0,0);' // http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/ });