mirror of
https://github.com/lidarr/lidarr.git
synced 2025-07-06 21:12:15 -07:00
Changed: Convert password input to standard using pass font
This commit is contained in:
parent
e0108352c8
commit
713f643b1d
16 changed files with 42 additions and 11 deletions
|
@ -17,7 +17,7 @@
|
|||
}
|
||||
|
||||
.searchInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
height: 46px;
|
||||
border-radius: 0;
|
||||
|
|
|
@ -64,7 +64,7 @@
|
|||
}
|
||||
|
||||
.searchInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
border-radius: 0;
|
||||
}
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
}
|
||||
|
||||
.numberInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
|
5
frontend/src/Components/Form/PasswordInput.css
Normal file
5
frontend/src/Components/Form/PasswordInput.css
Normal file
|
@ -0,0 +1,5 @@
|
|||
.input {
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
font-family: $passwordFamily;
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.text {
|
||||
.input {
|
||||
composes: input from 'Components/Form/Input.css';
|
||||
}
|
||||
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -25,3 +25,15 @@
|
|||
font-family: 'Ubuntu Mono';
|
||||
src: url('UbuntuMono-Regular.eot?#iefix') format('embedded-opentype'), url('UbuntuMono-Regular.woff') format('woff'), url('UbuntuMono-Regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
/*
|
||||
* text-security-disc
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: 'text-security-disc';
|
||||
src: url('text-security-disc.woff') format('woff'), url('text-security-disc.ttf') format('truetype');
|
||||
}
|
||||
|
||||
|
|
BIN
frontend/src/Content/Fonts/text-security-disc.ttf
Normal file
BIN
frontend/src/Content/Fonts/text-security-disc.ttf
Normal file
Binary file not shown.
BIN
frontend/src/Content/Fonts/text-security-disc.woff
Normal file
BIN
frontend/src/Content/Fonts/text-security-disc.woff
Normal file
Binary file not shown.
|
@ -7,7 +7,7 @@
|
|||
}
|
||||
|
||||
.filterInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
flex: 0 0 auto;
|
||||
margin-bottom: 20px;
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
}
|
||||
|
||||
.filterInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
flex: 0 0 auto;
|
||||
margin-bottom: 20px;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.namingInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
font-family: $monoSpaceFontFamily;
|
||||
}
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
}
|
||||
|
||||
.nameInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
margin-top: 4px;
|
||||
margin-right: 10px;
|
||||
|
|
|
@ -60,7 +60,7 @@
|
|||
}
|
||||
|
||||
.sizeInput {
|
||||
composes: text from 'Components/Form/TextInput.css';
|
||||
composes: input from 'Components/Form/TextInput.css';
|
||||
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
|
|
|
@ -2,6 +2,7 @@ module.exports = {
|
|||
// Families
|
||||
defaultFontFamily: 'Roboto, "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
|
||||
monoSpaceFontFamily: '"Ubuntu Mono", Menlo, Monaco, Consolas, "Courier New", monospace;',
|
||||
passwordFamily: 'text-security-disc',
|
||||
|
||||
// Sizes
|
||||
extraSmallFontSize: '11px',
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue