arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-11 08:31:00 +00:00
Code Issues Releases Wiki Activity

test sticky build 2

Browse Source
This commit is contained in:
Vladimir Volek 2018-12-14 17:44:18 +01:00
parent 2e5d029393
commit 3a9a214bc2
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/Wallet/components/LeftNavigation/components/StickyContainer/index.js
View File

@ -19,8 +19,11 @@ type State = {
footerFixed: boolean,
}
const AsideWrapper = styled.aside`
min-height: ${props => props.minHeight}px;
const AsideWrapper = styled.aside.attrs({
style: ({ minHeight }) => ({
minHeight,
}),
})`
position: relative;
top: 0px;
width: 320px;
@ -30,10 +33,13 @@ const AsideWrapper = styled.aside`
border-right: 1px solid ${colors.DIVIDER};
`;
const StickyContainerWrapper = styled.div`
top: ${props => props.top}px;
left: ${props => props.left}px;
padding-bottom: ${props => props.paddingBottom}px;
const StickyContainerWrapper = styled.div.attrs({
style: ({ top, left, paddingBottom }) => ({
top,
left,
paddingBottom,
}),
})`
position: fixed;
border-right: 1px solid ${colors.DIVIDER};
width: 320px;

7
src/views/Wallet/components/LeftNavigation/index.js
View File

@ -45,8 +45,11 @@ const TransitionContentWrapper = styled.div`
vertical-align: top;
`;
const Footer = styled.div`
position: ${props => props.position};
const Footer = styled.div.attrs({
style: ({ position }) => ({
position,
}),
})`
width: 320px;
bottom: 0;
background: ${colors.MAIN};