m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fix text overflow for dropdown components flagged by @frankiebee

Browse Source
This commit is contained in:
sdtsui 2017-08-10 17:37:36 -07:00
parent 4b7fa27ad0
commit 88f4931c6f
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/app/components/account-dropdowns.js
View File

@ -27,6 +27,10 @@ class AccountDropdowns extends Component {
return Object.keys(identities).map((key, index) => { return Object.keys(identities).map((key, index) => {
const identity = identities[key] const identity = identities[key]
const isSelected = identity.address === selected const isSelected = identity.address === selected
console.log("address", identity.address)
console.log("selected:", selected)
console.log("isSelected:", isSelected)
// debugger;
return h( return h(
DropdownMenuItem, 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), h('span', { style: { marginLeft: '20px', fontSize: '24px' } }, isSelected ? h('.check', '✓') : null),
] ]
) )