diff options
author | Dan <danjm.com@gmail.com> | 2017-08-30 00:13:43 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2017-08-30 00:13:43 +0800 |
commit | b251d0f675b77b56adfab12cc512f985ada79c49 (patch) | |
tree | 286847ed89bab97fa1b439a7145c3bf4f3b93f4f /ui/app/send.js | |
parent | cd5861541c1cb871d5e3b606501931f2aee0d048 (diff) | |
download | tangerine-wallet-browser-b251d0f675b77b56adfab12cc512f985ada79c49.tar.gz tangerine-wallet-browser-b251d0f675b77b56adfab12cc512f985ada79c49.tar.zst tangerine-wallet-browser-b251d0f675b77b56adfab12cc512f985ada79c49.zip |
Center tooltip on small screen size by using flexbox
Diffstat (limited to 'ui/app/send.js')
-rw-r--r-- | ui/app/send.js | 35 |
1 files changed, 17 insertions, 18 deletions
diff --git a/ui/app/send.js b/ui/app/send.js index 23216d54c..a65c51d30 100644 --- a/ui/app/send.js +++ b/ui/app/send.js @@ -225,6 +225,23 @@ SendTransactionScreen.prototype.render = function () { ]), h('div.send-screen-input-wrapper', {}, [ + this.state.tooltipIsOpen && h(GasTooltip, { + className: 'send-tooltip', + gasPrice, + gasLimit: gas, + onClose: this.closeTooltip, + onFeeChange: ({gasLimit, gasPrice}) => { + this.setState({ + newTx: Object.assign( + this.state.newTx, + { + gas: gasLimit, + gasPrice, + } + ), + }) + } + }), h('div.send-screen-gas-labels', {}, [ h('span', {}, [ @@ -276,24 +293,6 @@ SendTransactionScreen.prototype.render = function () { ]), ]), - this.state.tooltipIsOpen && h(GasTooltip, { - className: 'send-tooltip', - gasPrice, - gasLimit: gas, - onClose: this.closeTooltip, - onFeeChange: ({gasLimit, gasPrice}) => { - this.setState({ - newTx: Object.assign( - this.state.newTx, - { - gas: gasLimit, - gasPrice, - } - ), - }) - } - }), - ]), h('div.send-screen-input-wrapper', {}, [ |