diff options
Diffstat (limited to 'web-ui/src/common/input_field')
-rw-r--r-- | web-ui/src/common/input_field/input-field.scss | 4 | ||||
-rw-r--r-- | web-ui/src/common/input_field/input_field.js | 13 |
2 files changed, 9 insertions, 8 deletions
diff --git a/web-ui/src/common/input_field/input-field.scss b/web-ui/src/common/input_field/input-field.scss index 6ec827ab..dd8e8927 100644 --- a/web-ui/src/common/input_field/input-field.scss +++ b/web-ui/src/common/input_field/input-field.scss @@ -33,8 +33,6 @@ left: 6px; top:10px; transition:0.2s ease all; - -moz-transition:0.2s ease all; - -webkit-transition:0.2s ease all; } .input-field { @@ -61,7 +59,6 @@ @media only screen and (min-width : 500px) { .input-field-group { width: 70%; - -webkit-align-self: center; align-self: center; } } @@ -69,7 +66,6 @@ @media only screen and (min-width : 960px) { .input-field-group { width: 300px; - -webkit-align-self: flex-start; align-self: flex-start; margin-top: 3em; font-size: 1em; diff --git a/web-ui/src/common/input_field/input_field.js b/web-ui/src/common/input_field/input_field.js index 43899419..1378ba74 100644 --- a/web-ui/src/common/input_field/input_field.js +++ b/web-ui/src/common/input_field/input_field.js @@ -15,15 +15,20 @@ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>. */ -import React from 'react' +import React from 'react'; -import './input-field.scss' +import './input-field.scss'; const InputField = ({ label, name }) => ( <div className='input-field-group'> <input type='text' name={name} className='input-field' required /> <label className='input-field-label' htmlFor={name}>{label}</label> </div> -) +); -export default InputField +InputField.propTypes = { + label: React.PropTypes.string.isRequired, + name: React.PropTypes.string.isRequired +}; + +export default InputField; |