m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Improvement: Increase click area for arrows (#5264)

Browse Source
This commit is contained in:
Sean 2018-09-15 15:22:10 -04:00 committed by Whymarrh Whitby
parent 9ad3fa80f3
commit cd28dbb1d5
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/app/components/input-number.js
View File

@ -66,13 +66,16 @@ InputNumber.prototype.render = function () {
}), }),
h('span.gas-tooltip-input-detail', {}, [unitLabel]), h('span.gas-tooltip-input-detail', {}, [unitLabel]),
h('div.gas-tooltip-input-arrows', {}, [ h('div.gas-tooltip-input-arrows', {}, [
h('i.fa.fa-angle-up', { h('div.gas-tooltip-input-arrow-wrapper', {
onClick: () => this.setValue(addCurrencies(value, step, { toNumericBase: 'dec' })), onClick: () => this.setValue(addCurrencies(value, step, { toNumericBase: 'dec' })),
}), }, [
h('i.fa.fa-angle-down', { h('i.fa.fa-angle-up'),
style: { cursor: 'pointer' }, ]),
h('div.gas-tooltip-input-arrow-wrapper', {
onClick: () => this.setValue(subtractCurrencies(value, step, { toNumericBase: 'dec' })), onClick: () => this.setValue(subtractCurrencies(value, step, { toNumericBase: 'dec' })),
}), }, [
h('i.fa.fa-angle-down'),
]),
]), ]),
]) ])
} }

11
ui/app/css/itcss/components/send.scss
View File

@ -888,12 +888,21 @@
font-size: 18px; font-size: 18px;
color: $tundora; color: $tundora;
right: 0px; right: 0px;
padding: 1px 4px; padding: 0;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
} }
.gas-tooltip-input-arrow-wrapper {
align-items: center;
align-self: stretch;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
}
input[type="number"]::-webkit-inner-spin-button { input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
display: none; display: none;