Changed: Convert password input to standard using pass font

This commit is contained in:
Qstick 2018-09-14 23:13:35 -04:00
parent e0108352c8
commit 713f643b1d
16 changed files with 42 additions and 11 deletions

View file

@ -3,7 +3,7 @@
}
.numberInput {
composes: text from 'Components/Form/TextInput.css';
composes: input from 'Components/Form/TextInput.css';
margin-right: 3px;
}

View file

@ -0,0 +1,5 @@
.input {
composes: input from 'Components/Form/TextInput.css';
font-family: $passwordFamily;
}

View file

@ -1,13 +1,22 @@
import PropTypes from 'prop-types';
import React from 'react';
import TextInput from './TextInput';
import styles from './PasswordInput.css';
function PasswordInput(props) {
return (
<TextInput
type="password"
{...props}
/>
);
}
PasswordInput.propTypes = {
className: PropTypes.string.isRequired
};
PasswordInput.defaultProps = {
className: styles.input
};
export default PasswordInput;

View file

@ -1,4 +1,4 @@
.text {
.input {
composes: input from 'Components/Form/Input.css';
}

View file

@ -24,6 +24,10 @@ class TextInput extends Component {
componentWillUnmount() {
window.removeEventListener('mouseup', this.onDocumentMouseUp);
if (this._selectionTimeout) {
this._selectionTimeout = clearTimeout(this._selectionTimeout);
}
}
//
@ -171,7 +175,7 @@ TextInput.propTypes = {
};
TextInput.defaultProps = {
className: styles.text,
className: styles.input,
type: 'text',
readOnly: false,
autoFocus: false,