From 9417b92e445e4fd7f2b6016fbfff30331010d9b5 Mon Sep 17 00:00:00 2001 From: Dan Finlay Date: Tue, 14 Jun 2016 15:24:47 -0700 Subject: Let account address take more space in account list --- ui/app/accounts/account-panel.js | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) (limited to 'ui/app/accounts/account-panel.js') diff --git a/ui/app/accounts/account-panel.js b/ui/app/accounts/account-panel.js index 8afb7308d..b49f4c098 100644 --- a/ui/app/accounts/account-panel.js +++ b/ui/app/accounts/account-panel.js @@ -4,7 +4,6 @@ const inherits = require('util').inherits const ethUtil = require('ethereumjs-util') const EtherBalance = require('../components/eth-balance') -const addressSummary = require('../util').addressSummary const copyToClipboard = require('copy-to-clipboard') const Identicon = require('../components/identicon') @@ -41,16 +40,29 @@ NewComponent.prototype.render = function() { ]), // account address, balance - h('.identity-data.flex-column.flex-justify-center.flex-grow.select-none', [ - + h('.identity-data.flex-column.flex-justify-center.flex-grow.select-none', { + style: { + width: '200px', + }, + }, [ h('span', identity.name), - h('span.font-small', addressSummary(identity.address)), + h('span.font-small', { + style: { + overflow: 'hidden', + textOverflow: 'ellipsis', + }, + }, ethUtil.toChecksumAddress(identity.address)), h(EtherBalance, { value: account.balance, }), ]), - h('.identity-copy.flex-column', [ + // copy button + h('.identity-copy.flex-column', { + style: { + margin: '0 20px', + }, + }, [ h('i.fa.fa-clipboard.fa-md.cursor-pointer.color-orange', { onClick: (event) => { event.stopPropagation() @@ -58,7 +70,7 @@ NewComponent.prototype.render = function() { copyToClipboard(ethUtil.toChecksumAddress(identity.address)) } }), - ]) + ]), ]) ) } -- cgit