From c65db9290dd02b762c0260fe98945f63162f285d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luis=20Iv=C3=A1n=20Cuende?= Date: Wed, 14 Dec 2016 09:38:20 -0800 Subject: Better editable label --- ui/app/account-detail.js | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'ui/app/account-detail.js') diff --git a/ui/app/account-detail.js b/ui/app/account-detail.js index c41ba61fd..a700df52e 100644 --- a/ui/app/account-detail.js +++ b/ui/app/account-detail.js @@ -70,7 +70,7 @@ AccountDetailScreen.prototype.render = function () { // large identicon and addresses h('.identicon-wrapper.select-none', [ h(Identicon, { - diameter: 62, + diameter: 48, address: selected, }), ]), @@ -82,16 +82,12 @@ AccountDetailScreen.prototype.render = function () { }, [ h(EditableLabel, { textValue: identity ? identity.name : '', - state: { - isEditingLabel: false, - }, saveText: (text) => { props.dispatch(actions.saveAccountLabel(selected, text)) }, }, [ // What is shown when not editing + edit text: - h('label.editing-label', [h('.edit-text', 'edit')]), h('h2.font-medium.color-forest', {name: 'edit'}, identity && identity.name), ]), h('.flex-row', { -- cgit v1.2.3 From 4a8bc63c8d8cd4191bbfc0e13077f2356ea7cfbc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luis=20Iv=C3=A1n=20Cuende?= Date: Wed, 14 Dec 2016 10:03:56 -0800 Subject: Better account details view --- ui/app/account-detail.js | 38 ++++++++------------------------------ 1 file changed, 8 insertions(+), 30 deletions(-) (limited to 'ui/app/account-detail.js') diff --git a/ui/app/account-detail.js b/ui/app/account-detail.js index a700df52e..d456d125a 100644 --- a/ui/app/account-detail.js +++ b/ui/app/account-detail.js @@ -76,6 +76,7 @@ AccountDetailScreen.prototype.render = function () { ]), h('flex-column', { style: { + width: '100%', lineHeight: '10px', marginLeft: '15px', }, @@ -92,28 +93,20 @@ AccountDetailScreen.prototype.render = function () { ]), h('.flex-row', { style: { - width: '15em', + width: '100%', justifyContent: 'space-between', alignItems: 'baseline', }, }, [ - // address - - h('div', { + // balance + h(EthBalance, { + value: account && account.balance, style: { - overflow: 'hidden', - textOverflow: 'ellipsis', - paddingTop: '3px', - width: '5em', - fontSize: '13px', - fontFamily: 'Montserrat Light', - textRendering: 'geometricPrecision', + lineHeight: '7px', marginTop: '10px', - marginBottom: '15px', - color: '#AEAEAE', }, - }, ethUtil.toChecksumAddress(selected)), + }), // copy and export @@ -167,33 +160,18 @@ AccountDetailScreen.prototype.render = function () { ]), ]), ]), - - // account ballence - ]), ]), h('.flex-row', { style: { - justifyContent: 'space-between', - alignItems: 'flex-start', + justifyContent: 'flex-end', }, }, [ - - h(EthBalance, { - value: account && account.balance, - style: { - lineHeight: '7px', - marginTop: '10px', - }, - }), - h('button', { onClick: () => props.dispatch(actions.buyEthView(selected)), style: { marginBottom: '20px', marginRight: '8px', - position: 'absolute', - left: '219px', }, }, 'BUY'), -- cgit v1.2.3