From 88f4931c6f875be5186a0071e2cec5b78fb34b57 Mon Sep 17 00:00:00 2001 From: sdtsui Date: Thu, 10 Aug 2017 17:37:36 -0700 Subject: Fix text overflow for dropdown components flagged by @frankiebee --- ui/app/components/account-dropdowns.js | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) (limited to 'ui/app/components/account-dropdowns.js') 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), ] ) -- cgit v1.2.3 From 9ec86636050c6d642ff5fa9bf3413d17ccba1a24 Mon Sep 17 00:00:00 2001 From: sdtsui Date: Thu, 10 Aug 2017 17:49:59 -0700 Subject: Cleanup stray logs and lint --- ui/app/components/account-dropdowns.js | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'ui/app/components/account-dropdowns.js') diff --git a/ui/app/components/account-dropdowns.js b/ui/app/components/account-dropdowns.js index bd60db51e..7c24e70bd 100644 --- a/ui/app/components/account-dropdowns.js +++ b/ui/app/components/account-dropdowns.js @@ -27,10 +27,6 @@ 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, @@ -63,7 +59,7 @@ class AccountDropdowns extends Component { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', - } + }, }, identity.name || ''), h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, isSelected ? h('.check', '✓') : null), ] -- cgit v1.2.3