Page MenuHomePhabricator
Differential D12609 Diff 36656 web/cashtab/src/components/Send/Send.js

Changeset View

Standalone View

View Options

web/cashtab/src/components/Send/Send.js

Show First 20 Lines • Show All 78 Lines • ▼ Show 20 Lines
const SendAddressHeader = styled.div` const SendAddressHeader = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
`; `;
const DestinationAddressSingleCtn = styled.div``; const DestinationAddressSingleCtn = styled.div``;
const DestinationAddressMultiCtn = styled.div``; const DestinationAddressMultiCtn = styled.div``;
const ExpandingAddressInputCtn = styled.div` const ExpandingAddressInputCtn = styled.div`
min-height: 15rem; min-height: 13rem;
${DestinationAddressSingleCtn} { ${DestinationAddressSingleCtn} {
overflow: hidden; overflow: hidden;
transition: ${props => transition: ${props =>
props.open props.open
? 'max-height 200ms ease-in, opacity 200ms ease-out' ? 'max-height 200ms ease-in, opacity 200ms ease-out'
: 'max-height 200ms cubic-bezier(0, 1, 0, 1), opacity 200ms ease-in'}; : 'max-height 200ms cubic-bezier(0, 1, 0, 1), opacity 200ms ease-in'};
max-height: ${props => (props.open ? '0rem' : '14rem')}; max-height: ${props => (props.open ? '0rem' : '12rem')};
opacity: ${props => (props.open ? 0 : 1)}; opacity: ${props => (props.open ? 0 : 1)};
} }
${DestinationAddressMultiCtn} { ${DestinationAddressMultiCtn} {
overflow: hidden; overflow: hidden;
transition: ${props => transition: ${props =>
props.open props.open
? 'max-height 200ms ease-in, transform 200ms ease-out, opacity 200ms ease-in' ? 'max-height 200ms ease-in, transform 200ms ease-out, opacity 200ms ease-in'
: 'max-height 200ms cubic-bezier(0, 1, 0, 1), transform 200ms ease-out'}; : 'max-height 200ms cubic-bezier(0, 1, 0, 1), transform 200ms ease-out'};
max-height: ${props => (props.open ? '14rem' : '0rem')}; max-height: ${props => (props.open ? '12rem' : '0rem')};
transform: ${props => transform: ${props =>
props.open ? 'translateY(0%)' : 'translateY(100%)'}; props.open ? 'translateY(0%)' : 'translateY(100%)'};
opacity: ${props => (props.open ? 1 : 0)}; opacity: ${props => (props.open ? 1 : 0)};
} }
`; `;
const PanelHeaderCtn = styled.div` const PanelHeaderCtn = styled.div`
display: flex; display: flex;
▲ Show 20 Lines • Show All 940 Lines • Show Last 20 Lines