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

Merge pull request #1899 from sdtsui/fix/acct-name-lengths

Browse Source 
Fix account name overflow issues
This commit is contained in:
Frankie 2017-08-11 12:50:05 -04:00 committed by GitHub
commit 3b1ac178ef
3 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/app/account-detail.js
View File

@ -107,14 +107,23 @@ AccountDetailScreen.prototype.render = function () {
}, },
[ [
h( h(
'h2.font-medium.color-forest', 'div.font-medium.color-forest',
{ {
name: 'edit', name: 'edit',
style: { style: {
}, },
}, },
[ [
identity && identity.name, h('h2', {
style: {
maxWidth: '180px',
overflowX: 'hidden',
textOverflow: 'ellipsis',
padding: '5px 0px',
},
}, [
identity && identity.name,
]),
] ]
), ),
h( h(

2
ui/app/app.js
View File

@ -185,7 +185,7 @@ App.prototype.renderAppBar = function () {
style: {}, style: {},
enableAccountsSelector: true, enableAccountsSelector: true,
identities: this.props.identities, identities: this.props.identities,
selected: this.props.selected, selected: this.props.currentView.context,
network: this.props.network, network: this.props.network,
}, []), }, []),

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

@ -51,7 +51,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),
] ]
) )