zecfoundation
/
zepio
mirror of https://github.com/ZcashFoundation/zepio.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

hotfix: add TextEllipsis in TransactionDetails

This commit is contained in:
George Lima 2018-12-19 16:06:19 -03:00
parent c02fdd9dca
commit b28c87e5b3
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/components/transaction-details.js
View File

@ -54,12 +54,9 @@ const CloseIconImg = styled.img`
const InfoRow = styled(RowComponent)`
justify-content: space-between;
align-items: center;
width: 30vw;
width: 100%;
height: 80px;
padding: 0 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
`;
const Divider = styled.div`
@ -75,6 +72,13 @@ const Label = styled(TextComponent)`
margin-bottom: 5px;
`;
const Ellipsis = styled(TextComponent)`
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(30vw - 60px);
`;
type Props = {
amount: number,
type: 'send' | 'receive',
@ -150,7 +154,7 @@ export const TransactionDetailsComponent = ({
<InfoRow>
<ColumnComponent>
<Label value='TRANSACTION ID' />
<TextComponent value={transactionId} />
<Ellipsis value={transactionId} />
</ColumnComponent>
</InfoRow>
<Divider />