aboutsummaryrefslogtreecommitdiffstats
path: root/old-ui
diff options
context:
space:
mode:
Diffstat (limited to 'old-ui')
-rw-r--r--old-ui/app/account-detail.js36
-rw-r--r--old-ui/app/app.js10
-rw-r--r--old-ui/app/conf-tx.js6
-rw-r--r--old-ui/app/css/index.css2
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;
}