parent
cb9d78064a
commit
5951992bd5
|
@ -8,7 +8,16 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.inputWrapper {
|
||||||
|
flex: 1 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttonWrapper {
|
||||||
|
flex: 0 0 22px;
|
||||||
|
}
|
||||||
|
|
||||||
.keyInput,
|
.keyInput,
|
||||||
.valueInput {
|
.valueInput {
|
||||||
|
width: 100%;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -63,33 +63,39 @@ class KeyValueListInputItem extends Component {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={styles.itemContainer}>
|
<div className={styles.itemContainer}>
|
||||||
<TextInput
|
<div className={styles.inputWrapper}>
|
||||||
className={styles.keyInput}
|
<TextInput
|
||||||
name="key"
|
className={styles.keyInput}
|
||||||
value={keyValue}
|
name="key"
|
||||||
placeholder={keyPlaceholder}
|
value={keyValue}
|
||||||
onChange={this.onKeyChange}
|
placeholder={keyPlaceholder}
|
||||||
onFocus={this.onFocus}
|
onChange={this.onKeyChange}
|
||||||
onBlur={this.onBlur}
|
onFocus={this.onFocus}
|
||||||
/>
|
onBlur={this.onBlur}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<TextInput
|
<div className={styles.inputWrapper}>
|
||||||
className={styles.valueInput}
|
<TextInput
|
||||||
name="value"
|
className={styles.valueInput}
|
||||||
value={value}
|
name="value"
|
||||||
placeholder={valuePlaceholder}
|
value={value}
|
||||||
onChange={this.onValueChange}
|
placeholder={valuePlaceholder}
|
||||||
onFocus={this.onFocus}
|
onChange={this.onValueChange}
|
||||||
onBlur={this.onBlur}
|
onFocus={this.onFocus}
|
||||||
/>
|
onBlur={this.onBlur}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
{
|
{
|
||||||
!isNew &&
|
!isNew &&
|
||||||
<IconButton
|
<div className={styles.buttonWrapper}>
|
||||||
name={icons.REMOVE}
|
<IconButton
|
||||||
tabIndex={-1}
|
name={icons.REMOVE}
|
||||||
onPress={this.onRemovePress}
|
tabIndex={-1}
|
||||||
/>
|
onPress={this.onRemovePress}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
.episodeNumber {
|
.episodeNumber {
|
||||||
composes: cell from '~Components/Table/Cells/TableRowCell.css';
|
composes: cell from '~Components/Table/Cells/TableRowCell.css';
|
||||||
|
|
||||||
width: 70px;
|
width: 65px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.size {
|
.size {
|
||||||
|
|
Loading…
Reference in New Issue