diff options
Diffstat (limited to 'old-ui/app')
-rw-r--r-- | old-ui/app/account-detail.js | 36 | ||||
-rw-r--r-- | old-ui/app/app.js | 10 | ||||
-rw-r--r-- | old-ui/app/conf-tx.js | 6 | ||||
-rw-r--r-- | old-ui/app/css/index.css | 2 |
4 files changed, 28 insertions, 26 deletions
diff --git a/old-ui/app/account-detail.js b/old-ui/app/account-detail.js index af189cc79..692d50491 100644 --- a/old-ui/app/account-detail.js +++ b/old-ui/app/account-detail.js @@ -78,9 +78,10 @@ AccountDetailScreen.prototype.render = function () { address: selected, }), ]), - h('div.flex-column', { + h('flex-column', { style: { lineHeight: '10px', + marginLeft: '15px', width: '100%', }, }, [ @@ -101,7 +102,7 @@ AccountDetailScreen.prototype.render = function () { { style: { display: 'flex', - justifyContent: 'space-between', + justifyContent: 'flex-start', alignItems: 'center', }, }, @@ -131,6 +132,8 @@ AccountDetailScreen.prototype.render = function () { AccountDropdowns, { style: { + marginRight: '8px', + marginLeft: 'auto', cursor: 'pointer', }, selected, @@ -144,6 +147,7 @@ AccountDetailScreen.prototype.render = function () { ]), h('.flex-row', { style: { + width: '15em', justifyContent: 'space-between', alignItems: 'baseline', }, @@ -157,12 +161,11 @@ AccountDetailScreen.prototype.render = function () { textOverflow: 'ellipsis', paddingTop: '3px', width: '5em', + height: '15px', fontSize: '13px', fontFamily: 'Montserrat Light', textRendering: 'geometricPrecision', - marginTop: '15px', marginBottom: '15px', - marginLeft: '15px', color: '#AEAEAE', }, }, checksumAddress), @@ -189,21 +192,20 @@ AccountDetailScreen.prototype.render = function () { }, }), - h('div', {}, [ + h('.flex-grow'), - h('button', { - onClick: () => props.dispatch(actions.buyEthView(selected)), - style: { marginRight: '10px' }, - }, 'BUY'), + h('button', { + onClick: () => props.dispatch(actions.buyEthView(selected)), + style: { marginRight: '10px' }, + }, 'BUY'), - h('button', { - onClick: () => props.dispatch(actions.showSendPage()), - style: { - marginBottom: '20px', - }, - }, 'SEND'), - - ]), + h('button', { + onClick: () => props.dispatch(actions.showSendPage()), + style: { + marginBottom: '20px', + marginRight: '8px', + }, + }, 'SEND'), ]), ]), diff --git a/old-ui/app/app.js b/old-ui/app/app.js index 4869bf72e..e5fc5b9e9 100644 --- a/old-ui/app/app.js +++ b/old-ui/app/app.js @@ -397,20 +397,12 @@ App.prototype.renderDropdown = function () { h(DropdownMenuItem, { closeMenu: () => this.setState({ isMainMenuOpen: !isOpen }), onClick: () => { this.props.dispatch(actions.lockMetamask()) }, - }, 'Lock'), + }, 'Log Out'), h(DropdownMenuItem, { closeMenu: () => this.setState({ isMainMenuOpen: !isOpen }), onClick: () => { this.props.dispatch(actions.showInfoPage()) }, }, 'Info/Help'), - - h(DropdownMenuItem, { - closeMenu: () => this.setState({ isMainMenuOpen: !isOpen }), - onClick: () => { - this.props.dispatch(actions.setFeatureFlag('betaUI', true, 'BETA_UI_NOTIFICATION_MODAL')) - .then(() => this.props.dispatch(actions.setNetworkEndpoints(BETA_UI_NETWORK_TYPE))) - }, - }, 'Try Beta!'), ]) } diff --git a/old-ui/app/conf-tx.js b/old-ui/app/conf-tx.js index 15c937b1c..5e2ae9e78 100644 --- a/old-ui/app/conf-tx.js +++ b/old-ui/app/conf-tx.js @@ -4,6 +4,7 @@ const h = require('react-hyperscript') const connect = require('react-redux').connect const actions = require('../../ui/app/actions') const NetworkIndicator = require('./components/network') +const LoadingIndicator = require('./components/loading') const txHelper = require('../lib/tx-helper') const isPopupOrNotification = require('../../app/scripts/lib/is-popup-or-notification') @@ -60,6 +61,11 @@ ConfirmTxScreen.prototype.render = function () { h('.flex-column.flex-grow', [ + h(LoadingIndicator, { + isLoading: txData.loadingDefaults, + loadingMessage: 'Estimating transaction cost…', + }), + // subtitle and nav h('.section-title.flex-row.flex-center', [ !isNotification ? h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', { diff --git a/old-ui/app/css/index.css b/old-ui/app/css/index.css index 4363da049..02b5b82a4 100644 --- a/old-ui/app/css/index.css +++ b/old-ui/app/css/index.css @@ -440,7 +440,9 @@ input.large-input { .account-detail-section { display: flex; flex-wrap: wrap; + overflow-x: hidden; overflow-y: auto; + max-height: 465px; flex-direction: inherit; } |