From 6e54514013702fa8ca9a6b69c04f4d2468cd8b66 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Mon, 10 Dec 2018 17:30:32 -0800
Subject: feat: change input to number input

---
 packages/instant/src/components/scaling_input.tsx | 1 +
 packages/instant/src/components/ui/input.tsx      | 4 ++++
 2 files changed, 5 insertions(+)

(limited to 'packages/instant')

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; 
+          }
     }
 `;
 
-- 
cgit v1.2.3