diff --git a/frontend/src/Components/Form/EnhancedSelectInput.css b/frontend/src/Components/Form/EnhancedSelectInput.css index 60cd28d69..f971f6517 100644 --- a/frontend/src/Components/Form/EnhancedSelectInput.css +++ b/frontend/src/Components/Form/EnhancedSelectInput.css @@ -85,3 +85,21 @@ display: inline-block; 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; + } +} diff --git a/frontend/src/Components/Form/EnhancedSelectInput.js b/frontend/src/Components/Form/EnhancedSelectInput.js index 197375bb6..8de415dba 100644 --- a/frontend/src/Components/Form/EnhancedSelectInput.js +++ b/frontend/src/Components/Form/EnhancedSelectInput.js @@ -518,6 +518,18 @@ class EnhancedSelectInput extends Component { scrollDirection={scrollDirections.NONE} > +
+ + + +
+ { values.map((v, index) => { const hasParent = v.parentKey !== undefined; diff --git a/frontend/src/Components/Form/EnhancedSelectInputOption.css b/frontend/src/Components/Form/EnhancedSelectInputOption.css index 085b64497..f6b6136ae 100644 --- a/frontend/src/Components/Form/EnhancedSelectInputOption.css +++ b/frontend/src/Components/Form/EnhancedSelectInputOption.css @@ -54,4 +54,8 @@ &:last-child { border: none; } + + &:hover { + background-color: unset; + } } diff --git a/frontend/src/Components/Form/EnhancedSelectInputOption.js b/frontend/src/Components/Form/EnhancedSelectInputOption.js index fce64d2f7..04d448aa7 100644 --- a/frontend/src/Components/Form/EnhancedSelectInputOption.js +++ b/frontend/src/Components/Form/EnhancedSelectInputOption.js @@ -12,7 +12,9 @@ class EnhancedSelectInputOption extends Component { // // Listeners - onPress = () => { + onPress = (e) => { + e.preventDefault(); + const { id, onSelect