github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-07 21:42:16 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: tag input alignment and height

Browse source 
Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
This commit is contained in:
Qstick 2019-08-04 22:23:21 -04:00
parent 0491358b72
commit efdf2fb41a
4 changed files with 11 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/Components/Form/TagInput.css
View file

@ -1,4 +1,3 @@
.input {
composes: input from '~./AutoSuggestInput.css';
@ -19,6 +18,6 @@
min-width: 20%;
max-width: 100%;
width: 0%;
height: 21px;
height: 31px;
border: none;
}

4
frontend/src/Components/Form/TagInputInput.css
View file

@ -4,7 +4,9 @@
bottom: -1px;
left: -1px;
display: flex;
align-items: start;
flex-wrap: wrap;
padding: 6px 16px;
padding: 1px 16px;
min-height: 33px;
cursor: default;
}

5
frontend/src/Components/Form/TagInputTag.css Normal file
View file

@ -0,0 +1,5 @@
.tag {
composes: link from '~Components/Link/Link.css';
height: 31px;
}

3
frontend/src/Components/Form/TagInputTag.js
View file

@ -4,6 +4,7 @@ import { kinds } from 'Helpers/Props';
import tagShape from 'Helpers/Props/Shapes/tagShape';
import Label from 'Components/Label';
import Link from 'Components/Link/Link';
import styles from './TagInputTag.css';
class TagInputTag extends Component {
@ -31,9 +32,9 @@ class TagInputTag extends Component {
tag,
kind
} = this.props;
return (
<Link
className={styles.tag}
tabIndex={-1}
onPress={this.onDelete}
>