explorigin/gallery
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

A futile attempt to fix a rendering bug in chrome.

Browse Source 
When images are selected and you scroll such that the drop shadow paints...sometimes it will make the selection buttons not paint.
This commit is contained in:
Timothy Farrell 2017-12-08 22:18:12 -06:00
parent 213d2b1559
commit 257a2308ee
3 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/gallery/src/interface/components/albumPhotoTemplate.js
View File

@ -84,7 +84,8 @@ const photoContainer = styled({
const image = styled('img', CSS_FULL_SIZE, DEFAULT_TRANSITION, { const image = styled('img', CSS_FULL_SIZE, DEFAULT_TRANSITION, {
position: 'absolute', position: 'absolute',
top: 0, top: 0,
left: 0 left: 0,
zIndex: 0
}); });
const photoSelectButton = styled(DEFAULT_TRANSITION, { const photoSelectButton = styled(DEFAULT_TRANSITION, {

8
packages/gallery/src/interface/components/appbar.js
View File

@ -32,7 +32,7 @@ export function AppBarView(vm, params, key, opts) {
{ {
css: { boxShadow: boxShadowStyle() } css: { boxShadow: boxShadowStyle() }
}, },
[el('div', { style: 'font-size: 20pt' }, title), headerRight(renderButtons()())] [titleContainer(title), headerRight(renderButtons()())]
); );
}; };
} }
@ -40,7 +40,7 @@ export function AppBarView(vm, params, key, opts) {
const header = styled({ const header = styled({
justifyContent: 'space-between', justifyContent: 'space-between',
padding: '1em', padding: '1em',
zIndex: 1, zIndex: 1000,
display: 'flex', display: 'flex',
alignItems: 'center' alignItems: 'center'
}); });
@ -49,3 +49,7 @@ const headerRight = styled({
display: 'flex', display: 'flex',
alignItems: 'center' alignItems: 'center'
}); });
const titleContainer = styled({
fontSize: '20pt'
});

8
packages/gallery/src/interface/gallery.js
View File

@ -101,4 +101,10 @@ const FILL_STYLE = {
}; };
const fill = injectStyle(FILL_STYLE); const fill = injectStyle(FILL_STYLE);
const content = styled({ overflow: 'auto' }, FILL_STYLE); const content = styled(
{
overflow: 'scroll',
['-webkit-transform']: 'translate3d(0,0,0);' // http://blog.getpostman.com/2015/01/23/ui-repaint-issue-on-chrome/
},
FILL_STYLE
);