diff --git a/app/components/InputSelect.tsx b/app/components/InputSelect.tsx index a99d983c3..0fc20adc9 100644 --- a/app/components/InputSelect.tsx +++ b/app/components/InputSelect.tsx @@ -63,7 +63,6 @@ const InputSelect = (props: Props) => { gutter: 0, modal: true, selectedValue: value, - animated: 200, }); const popOver = useSelectPopover({ @@ -180,13 +179,12 @@ const InputSelect = (props: Props) => { } } > - {select.visible || select.animating + {select.visible ? options.map((option) => ( { {note && {note}} - {(select.visible || select.animating) && } + {select.visible && } ); }; @@ -236,6 +234,10 @@ const StyledButton = styled(Button)<{ nude?: boolean }>` display: block; width: 100%; + &:hover:not(:disabled) { + background: ${(props) => props.theme.buttonNeutralBackground}; + } + ${(props) => props.nude && css` @@ -255,14 +257,8 @@ const StyledButton = styled(Button)<{ nude?: boolean }>` } `; -export const StyledSelectOption = styled(SelectOption)<{ $animating: boolean }>` +export const StyledSelectOption = styled(SelectOption)` ${MenuAnchorCSS} - - ${(props) => - props.$animating && - css` - pointer-events: none; - `} `; const Wrapper = styled.label<{ short?: boolean }>`