diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-23 04:09:27 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-23 04:09:27 +0800 |
| commit | c1fd19393f90968bc5a60a77812eac3f8785e3a3 (patch) | |
| tree | 0887c3deb85333109cc32396882faa2ebba7ad07 | |
| parent | 97a6a8e4f6ea41373061e9dccdd1ad0b002cdcac (diff) | |
| download | tangerine-wallet-browser-c1fd19393f90968bc5a60a77812eac3f8785e3a3.tar.gz tangerine-wallet-browser-c1fd19393f90968bc5a60a77812eac3f8785e3a3.tar.zst tangerine-wallet-browser-c1fd19393f90968bc5a60a77812eac3f8785e3a3.zip | |
Remove border and apply background color to gas input
| -rw-r--r-- | ui/app/css/itcss/components/send.scss | 9 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 1 | ||||
| -rw-r--r-- | ui/app/send.js | 12 |
3 files changed, 20 insertions, 2 deletions
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index 6f124f053..7c84d3b9f 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -51,6 +51,13 @@ width: 100%; } +.send-screen-gas-input { + width: 100%; + background-color: $concrete; + border-width: 0px; + border-style: none; +} + .send-screen-amount-labels { display: flex; flex-direction: row; @@ -62,3 +69,5 @@ flex-direction: row; justify-content: space-between; } + +.send-screen-bolt-icon {}
\ No newline at end of file diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index 296cb4773..f2abf601c 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -25,6 +25,7 @@ $dusty-gray: #9b9b9b; $alto: #dedede; $alabaster: #fafafa; $silver-chalice: #aeaeae; +$concrete: #f3f3f3; /* Z-Indicies diff --git a/ui/app/send.js b/ui/app/send.js index 4317fb3a2..66cde1b82 100644 --- a/ui/app/send.js +++ b/ui/app/send.js @@ -134,7 +134,7 @@ SendTransactionScreen.prototype.render = function () { h('div.send-screen-amount-labels', {}, [ h('span', {}, ['Amount']), - h('span', {}, ['ETH <> USD']) + h('span', {}, ['ETH <> USD']), //holding on icon from design ]), h('input.large-input.send-screen-input', { @@ -148,12 +148,20 @@ SendTransactionScreen.prototype.render = function () { h('div.send-screen-gas-labels', {}, [ h('span', {}, [ h('i.fa.fa-bolt', {}, []), + + // not working ATM. + // Ship with fa-bolt if it's slowing us down... + // h('img.send-screen-bolt-icon', { + // src: '../images/mm_bolt.svg', + // style: {}, + // }, []), + 'Gas fee:', ]), h('span', {}, ['What\'s this?']), ]), - h('input.large-input.send-screen-input', { + h('input.large-input.send-screen-gas-input', { placeholder: '0', }, []), |