coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: Document history should scroll separate to page content

Browse Source 
closes #1225
This commit is contained in:
Tom Moor
2020-04-05 13:07:16 -07:00
parent 597c09d2bc
commit 9712b8d205
1 changed files with 36 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/components/DocumentHistory/DocumentHistory.js
View File

@ -100,6 +100,7 @@ class DocumentHistory extends React.Component<Props> {
const showLoading = !this.isLoaded && this.isFetching;
return (
<Sidebar>
<Wrapper column>
{showLoading ? (
<Loading>
@ -124,6 +125,7 @@ class DocumentHistory extends React.Component<Props> {
<Waypoint key={this.offset} onEnter={this.loadMoreResults} />
)}
</Wrapper>
</Sidebar>
);
}
}
@ -133,6 +135,16 @@ const Loading = styled.div`
`;
const Wrapper = styled(Flex)`
position: fixed;
top: 0;
right: 0;
z-index: 1;
min-width: ${props => props.theme.sidebarWidth};
overflow: scroll;
overscroll-behavior: none;
`;
const Sidebar = styled(Flex)`
background: ${props => props.theme.background};
min-width: ${props => props.theme.sidebarWidth};
border-left: 1px solid ${props => props.theme.divider};