From 8de6255cd829d014ddbdb646acb1b0ac9c3153e5 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Wed, 28 Feb 2018 11:58:00 +0100
Subject: [PATCH] Fix text-overflow on TransactionList
---
src/components/TransactionsList/index.js | 15 +++++++++++----
1 file changed, 11 insertions(+), 4 deletions(-)
diff --git a/src/components/TransactionsList/index.js b/src/components/TransactionsList/index.js
index 05c7b67e..e36973bb 100644
--- a/src/components/TransactionsList/index.js
+++ b/src/components/TransactionsList/index.js
@@ -122,16 +122,23 @@ const Transaction = ({
grow
shrink
style={{
- overflow: 'hidden',
- whiteSpace: 'nowrap',
- textOverflow: 'ellipsis',
display: 'block',
}}
>
<Box ff="Open Sans" fontSize={3} color="graphite">
{tx.balance > 0 ? t('transactionsList.from') : t('transactionsList.to')}
</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}
</Box>
</Cell>