style: make sure sideBar bottom padding is on scrollable content, not container

This commit is contained in:
Fabio Berger
2018-10-19 13:27:16 +01:00
parent 17643d98aa
commit 977e20edc3

View File

@@ -72,7 +72,6 @@ const SidebarContainer =
` `
${scrollableContainerStyles} ${scrollableContainerStyles}
padding-top: 27px; padding-top: 27px;
padding-bottom: 100px;
padding-left: ${SIDEBAR_PADDING}px; padding-left: ${SIDEBAR_PADDING}px;
padding-right: ${SIDEBAR_PADDING}px; padding-right: ${SIDEBAR_PADDING}px;
overflow: hidden; overflow: hidden;
@@ -163,7 +162,9 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
</Container> </Container>
</Container> </Container>
<SidebarContainer onWheel={this._throttledSidebarScrolling}> <SidebarContainer onWheel={this._throttledSidebarScrolling}>
{this.props.screenWidth !== ScreenWidths.Sm && this.props.sidebar} <Container paddingBottom="100px">
{this.props.screenWidth !== ScreenWidths.Sm && this.props.sidebar}
</Container>
</SidebarContainer> </SidebarContainer>
</Container> </Container>
<Container <Container