Browse Source

Fix text-overflow on TransactionList

master
meriadec 7 years ago
parent
commit
8de6255cd8
No known key found for this signature in database GPG Key ID: 1D2FC2305E2CB399
  1. 15
      src/components/TransactionsList/index.js

15
src/components/TransactionsList/index.js

@ -122,16 +122,23 @@ const Transaction = ({
grow grow
shrink shrink
style={{ style={{
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
display: 'block', display: 'block',
}} }}
> >
<Box ff="Open Sans" fontSize={3} color="graphite"> <Box ff="Open Sans" fontSize={3} color="graphite">
{tx.balance > 0 ? t('transactionsList.from') : t('transactionsList.to')} {tx.balance > 0 ? t('transactionsList.from') : t('transactionsList.to')}
</Box> </Box>
<Box color="dark" ff="Open Sans" fontSize={3}> <Box
color="dark"
ff="Open Sans"
fontSize={3}
style={{
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
display: 'block',
}}
>
{tx.address} {tx.address}
</Box> </Box>
</Cell> </Cell>

Loading…
Cancel
Save