diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-12-11 09:30:32 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-12-11 09:30:32 +0800 |
| commit | 6e54514013702fa8ca9a6b69c04f4d2468cd8b66 (patch) | |
| tree | 732af801df5caddbb92552ca1e2b5f0f56bafbf1 | |
| parent | d578b4959dc8f0b4a408267075458765c4145831 (diff) | |
| download | dexon-0x-contracts-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar dexon-0x-contracts-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.gz dexon-0x-contracts-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.bz2 dexon-0x-contracts-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.lz dexon-0x-contracts-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.xz dexon-0x-contracts-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.tar.zst dexon-0x-contracts-6e54514013702fa8ca9a6b69c04f4d2468cd8b66.zip | |
feat: change input to number input
| -rw-r--r-- | packages/instant/src/components/scaling_input.tsx | 1 | ||||
| -rw-r--r-- | packages/instant/src/components/ui/input.tsx | 4 |
2 files changed, 5 insertions, 0 deletions
diff --git a/packages/instant/src/components/scaling_input.tsx b/packages/instant/src/components/scaling_input.tsx index 791692257..2c5567dc1 100644 --- a/packages/instant/src/components/scaling_input.tsx +++ b/packages/instant/src/components/scaling_input.tsx @@ -135,6 +135,7 @@ export class ScalingInput extends React.Component<ScalingInputProps, ScalingInpu const phase = ScalingInput.getPhaseFromProps(this.props); return ( <Input + type="number" ref={this._inputRef as any} fontColor={fontColor} onChange={onChange} diff --git a/packages/instant/src/components/ui/input.tsx b/packages/instant/src/components/ui/input.tsx index 62c70f9e1..1e476bed3 100644 --- a/packages/instant/src/components/ui/input.tsx +++ b/packages/instant/src/components/ui/input.tsx @@ -32,6 +32,10 @@ export const Input = color: ${props => props.theme[props.fontColor || 'white']} !important; opacity: 0.5 !important; } + &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } } `; |