aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorsdtsui <szehungdanieltsui@gmail.com>2017-08-11 08:37:36 +0800
committersdtsui <szehungdanieltsui@gmail.com>2017-08-11 08:37:36 +0800
commit88f4931c6f875be5186a0071e2cec5b78fb34b57 (patch)
tree8add9779c43e1ba4ea2d850db8ecdc1f7423066e
parent4b7fa27ad0e49deac076910f1579999415267575 (diff)
downloadtangerine-wallet-browser-88f4931c6f875be5186a0071e2cec5b78fb34b57.tar.gz
tangerine-wallet-browser-88f4931c6f875be5186a0071e2cec5b78fb34b57.tar.zst
tangerine-wallet-browser-88f4931c6f875be5186a0071e2cec5b78fb34b57.zip
Fix text overflow for dropdown components flagged by @frankiebee
-rw-r--r--ui/app/components/account-dropdowns.js15
1 files changed, 14 insertions, 1 deletions
diff --git a/ui/app/components/account-dropdowns.js b/ui/app/components/account-dropdowns.js
index b23600e9b..bd60db51e 100644
--- a/ui/app/components/account-dropdowns.js
+++ b/ui/app/components/account-dropdowns.js
@@ -27,6 +27,10 @@ class AccountDropdowns extends Component {
return Object.keys(identities).map((key, index) => {
const identity = identities[key]
const isSelected = identity.address === selected
+ console.log("address", identity.address)
+ console.log("selected:", selected)
+ console.log("isSelected:", isSelected)
+ // debugger;
return h(
DropdownMenuItem,
@@ -51,7 +55,16 @@ class AccountDropdowns extends Component {
},
},
),
- h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, identity.name || ''),
+ h('span', {
+ style: {
+ marginLeft: '20px',
+ fontSize: '24px',
+ maxWidth: '145px',
+ whiteSpace: 'nowrap',
+ overflow: 'hidden',
+ textOverflow: 'ellipsis',
+ }
+ }, identity.name || ''),
h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, isSelected ? h('.check', '✓') : null),
]
)