diff options
| author | Dan J Miller <danjm.com@gmail.com> | 2018-02-13 14:51:05 +0800 |
|---|---|---|
| committer | Alexander Tseung <alextsg@users.noreply.github.com> | 2018-02-13 14:51:05 +0800 |
| commit | 35c762da47c4b604f44e903940245f87eb7a3d3a (patch) | |
| tree | c01e068fcbfe6c3e1a540a9a22e44cb386f45fc9 /ui | |
| parent | e4c83466befc439f26cdd9c32d130b367bc552a7 (diff) | |
| download | tangerine-wallet-browser-35c762da47c4b604f44e903940245f87eb7a3d3a.tar tangerine-wallet-browser-35c762da47c4b604f44e903940245f87eb7a3d3a.tar.gz tangerine-wallet-browser-35c762da47c4b604f44e903940245f87eb7a3d3a.tar.bz2 tangerine-wallet-browser-35c762da47c4b604f44e903940245f87eb7a3d3a.tar.lz tangerine-wallet-browser-35c762da47c4b604f44e903940245f87eb7a3d3a.tar.xz tangerine-wallet-browser-35c762da47c4b604f44e903940245f87eb7a3d3a.tar.zst tangerine-wallet-browser-35c762da47c4b604f44e903940245f87eb7a3d3a.zip | |
Updates the styling of confirm send ether and token screens. (#3235)
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/app/components/pending-tx/confirm-send-ether.js | 16 | ||||
| -rw-r--r-- | ui/app/components/pending-tx/confirm-send-token.js | 16 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/confirm.scss | 14 |
3 files changed, 20 insertions, 26 deletions
diff --git a/ui/app/components/pending-tx/confirm-send-ether.js b/ui/app/components/pending-tx/confirm-send-ether.js index 652300c94..3f8d9c28f 100644 --- a/ui/app/components/pending-tx/confirm-send-ether.js +++ b/ui/app/components/pending-tx/confirm-send-ether.js @@ -213,17 +213,15 @@ ConfirmSendEther.prototype.render = function () { this.inputs = [] return ( - h('div.confirm-screen-container.confirm-send-ether', { - style: { minWidth: '355px' }, - }, [ + h('div.confirm-screen-container.confirm-send-ether', [ // Main Send token Card - h('div.confirm-screen-wrapper.flex-column.flex-grow', [ - h('h3.flex-center.confirm-screen-header', [ - h('button.btn-clear.confirm-screen-back-button', { + h('div.page-container', [ + h('div.page-container__header', [ + h('button.confirm-screen-back-button', { onClick: () => editTransaction(txMeta), - }, 'EDIT'), - h('div.confirm-screen-title', 'Confirm Transaction'), - h('div.confirm-screen-header-tip'), + }, 'Edit'), + h('div.page-container__title', 'Confirm'), + h('div.page-container__subtitle', `Please review your transaction.`), ]), h('div.flex-row.flex-center.confirm-screen-identicons', [ h('div.confirm-screen-account-wrapper', [ diff --git a/ui/app/components/pending-tx/confirm-send-token.js b/ui/app/components/pending-tx/confirm-send-token.js index ad489c3e9..e4b0c186a 100644 --- a/ui/app/components/pending-tx/confirm-send-token.js +++ b/ui/app/components/pending-tx/confirm-send-token.js @@ -308,17 +308,15 @@ ConfirmSendToken.prototype.render = function () { this.inputs = [] return ( - h('div.confirm-screen-container.confirm-send-token', { - style: { minWidth: '355px' }, - }, [ + h('div.confirm-screen-container.confirm-send-token', [ // Main Send token Card - h('div.confirm-screen-wrapper.flex-column.flex-grow', [ - h('h3.flex-center.confirm-screen-header', [ - h('button.btn-clear.confirm-screen-back-button', { + h('div.page-container', [ + h('div.page-container__header', [ + h('button.confirm-screen-back-button', { onClick: () => editTransaction(txMeta), - }, 'EDIT'), - h('div.confirm-screen-title', 'Confirm Transaction'), - h('div.confirm-screen-header-tip'), + }, 'Edit'), + h('div.page-container__title', 'Confirm'), + h('div.page-container__subtitle', `Please review your transaction.`), ]), h('div.flex-row.flex-center.confirm-screen-identicons', [ h('div.confirm-screen-account-wrapper', [ diff --git a/ui/app/css/itcss/components/confirm.scss b/ui/app/css/itcss/components/confirm.scss index 255f66e66..878495290 100644 --- a/ui/app/css/itcss/components/confirm.scss +++ b/ui/app/css/itcss/components/confirm.scss @@ -103,15 +103,13 @@ } .confirm-screen-back-button { - background: transparent; - left: 24px; + color: $curious-blue; + font-family: Roboto; + font-size: 1rem; position: absolute; - padding: 6px 12px; - font-size: .7rem; - - @media screen and (max-width: $break-small) { - margin-right: 12px; - } + top: 38px; + right: 38px; + background: none; } .confirm-screen-account-wrapper { |