mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-11 20:12:41 +02:00
Fixed: Unable to close indexer category select input on mobile
(cherry picked from commit e42d1af5ff8f3eb987195caa7ec8a0bbaf4a00c3)
This commit is contained in:
parent
94df76b6e6
commit
33cd9f555e
@ -85,3 +85,21 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 5px -5px 5px 0;
|
margin: 5px -5px 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mobileCloseButtonContainer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
height: 40px;
|
||||||
|
border-bottom: 1px solid $borderColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobileCloseButton {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $modalCloseButtonHoverColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -518,6 +518,18 @@ class EnhancedSelectInput extends Component {
|
|||||||
scrollDirection={scrollDirections.NONE}
|
scrollDirection={scrollDirections.NONE}
|
||||||
>
|
>
|
||||||
<Scroller className={styles.optionsModalScroller}>
|
<Scroller className={styles.optionsModalScroller}>
|
||||||
|
<div className={styles.mobileCloseButtonContainer}>
|
||||||
|
<Link
|
||||||
|
className={styles.mobileCloseButton}
|
||||||
|
onPress={this.onOptionsModalClose}
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
name={icons.CLOSE}
|
||||||
|
size={18}
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
{
|
{
|
||||||
values.map((v, index) => {
|
values.map((v, index) => {
|
||||||
const hasParent = v.parentKey !== undefined;
|
const hasParent = v.parentKey !== undefined;
|
||||||
|
@ -54,4 +54,8 @@
|
|||||||
&:last-child {
|
&:last-child {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: unset;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -12,7 +12,9 @@ class EnhancedSelectInputOption extends Component {
|
|||||||
//
|
//
|
||||||
// Listeners
|
// Listeners
|
||||||
|
|
||||||
onPress = () => {
|
onPress = (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
const {
|
const {
|
||||||
id,
|
id,
|
||||||
onSelect
|
onSelect
|
||||||
|
Loading…
Reference in New Issue
Block a user