From 3fd5743abd6cdda3b3a92858c499c094fa7e7e15 Mon Sep 17 00:00:00 2001 From: Timothy Farrell Date: Wed, 10 Jan 2018 21:47:47 -0600 Subject: [PATCH] Fix allImage vertical scrolling getting clipped --- packages/gallery/src/interface/allImages.js | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/packages/gallery/src/interface/allImages.js b/packages/gallery/src/interface/allImages.js index 0d91455..813eab6 100644 --- a/packages/gallery/src/interface/allImages.js +++ b/packages/gallery/src/interface/allImages.js @@ -18,7 +18,7 @@ import { Icon } from './components/icon.js'; import { AppBar } from './components/appbar.js'; import { Overlay } from './components/overlay.js'; import { injectStyle, styled } from '../services/style.js'; -import { CLICKABLE, FILL_STYLE } from './styles.js'; +import { CLICKABLE } from './styles.js'; export function uploadImages(evt, files) { Array.from(files || evt.currentTarget.files).forEach(ImageType.upload); @@ -256,10 +256,12 @@ const uploadButton = styled( CLICKABLE ); -const allImagesContainer = styled(FILL_STYLE); -const allImagesContent = styled( - { - overflow: 'scroll' - }, - FILL_STYLE -); +const allImagesContainer = styled({ + display: 'flex', + flexDirection: 'column', + flex: 1 +}); +const allImagesContent = styled({ + overflowY: 'scroll', + flex: 1 +});