aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/ui/input.tsx
diff options
context:
space:
mode:
authorFrancesco Agosti <francesco.agosti93@gmail.com>2018-12-15 02:50:32 +0800
committerGitHub <noreply@github.com>2018-12-15 02:50:32 +0800
commit1efde6f59b976a074ba2ea15be867400b21dd68b (patch)
treebfc65121383805aa9886470b42263d9c6fd95f8c /packages/instant/src/components/ui/input.tsx
parent91d432aa564d9766d16c615cadcfbe287542af09 (diff)
parent9cd859a68a94e90eb9891c5b9a4ec7518b7fb64d (diff)
downloaddexon-sol-tools-1efde6f59b976a074ba2ea15be867400b21dd68b.tar
dexon-sol-tools-1efde6f59b976a074ba2ea15be867400b21dd68b.tar.gz
dexon-sol-tools-1efde6f59b976a074ba2ea15be867400b21dd68b.tar.bz2
dexon-sol-tools-1efde6f59b976a074ba2ea15be867400b21dd68b.tar.lz
dexon-sol-tools-1efde6f59b976a074ba2ea15be867400b21dd68b.tar.xz
dexon-sol-tools-1efde6f59b976a074ba2ea15be867400b21dd68b.tar.zst
dexon-sol-tools-1efde6f59b976a074ba2ea15be867400b21dd68b.zip
Merge pull request #1415 from 0xProject/feature/instant/mobile-numeric-keyboard
[instant] Change input to number input, and simplify ScalingInput
Diffstat (limited to 'packages/instant/src/components/ui/input.tsx')
-rw-r--r--packages/instant/src/components/ui/input.tsx6
1 files changed, 5 insertions, 1 deletions
diff --git a/packages/instant/src/components/ui/input.tsx b/packages/instant/src/components/ui/input.tsx
index 62c70f9e1..53c43ea0b 100644
--- a/packages/instant/src/components/ui/input.tsx
+++ b/packages/instant/src/components/ui/input.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
import { ColorOption, styled } from '../../style/theme';
-export interface InputProps {
+export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
tabIndex?: number;
className?: string;
value?: string;
@@ -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;
+ }
}
`;