Fixed: Preferred words remove button in Firefox

Fixes #3710
pull/3789/head
Mark McDowall 4 years ago
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}
/>
<TextInput </div>
className={styles.valueInput}
name="value" <div className={styles.inputWrapper}>
value={value} <TextInput
placeholder={valuePlaceholder} className={styles.valueInput}
onChange={this.onValueChange} name="value"
onFocus={this.onFocus} value={value}
onBlur={this.onBlur} placeholder={valuePlaceholder}
/> onChange={this.onValueChange}
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…
Cancel
Save