Remove input arrows for send screen amount row on firefox.

feature/default_network_editable
Dan 7 years ago
parent d5133fb429
commit d2845afd89
  1. 2
      ui/app/components/send/currency-display.js
  2. 1
      ui/app/components/send_/send-content/send-amount-row/send-amount-row.component.js
  3. 8
      ui/app/css/itcss/components/currency-display.scss

@ -118,6 +118,7 @@ CurrencyDisplay.prototype.render = function () {
readOnly = false, readOnly = false,
inError = false, inError = false,
onBlur, onBlur,
step,
} = this.props } = this.props
const { valueToRender } = this.state const { valueToRender } = this.state
@ -152,6 +153,7 @@ CurrencyDisplay.prototype.render = function () {
width: this.getInputWidth(valueToRender, readOnly), width: this.getInputWidth(valueToRender, readOnly),
}, },
min: 0, min: 0,
step,
}), }),
h('span.currency-display__currency-symbol', primaryCurrency), h('span.currency-display__currency-symbol', primaryCurrency),

@ -95,6 +95,7 @@ export default class SendAmountRow extends Component {
primaryCurrency={primaryCurrency || 'ETH'} primaryCurrency={primaryCurrency || 'ETH'}
selectedToken={selectedToken} selectedToken={selectedToken}
value={amount} value={amount}
step={'any'}
/> />
</SendRowWrapper> </SendRowWrapper>
) )

@ -49,13 +49,19 @@
flex: 1; flex: 1;
max-width: 100%; max-width: 100%;
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button { input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
display: none; display: none;
} }
input[type="number"]:hover::-webkit-inner-spin-button { input[type="number"]:hover::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
display: none; display: none;
} }
} }
@ -68,11 +74,13 @@
.react-numeric-input { .react-numeric-input {
input[type="number"]::-webkit-inner-spin-button { input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
display: none; display: none;
} }
input[type="number"]:hover::-webkit-inner-spin-button { input[type="number"]:hover::-webkit-inner-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none;
display: none; display: none;
} }
} }

Loading…
Cancel
Save