1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-24 09:18:09 +00:00

Fix issue when a selected option wasn't properly indicated (CSS) when using arrow keys

This commit is contained in:
Vasek Mlejnsky 2018-09-21 10:40:26 +02:00
parent 3881aaf6cf
commit 0d34cb2b82

View File

@ -52,10 +52,10 @@ const styles = isSearchable => ({
borderRight: `1px solid ${colors.DIVIDER}`, borderRight: `1px solid ${colors.DIVIDER}`,
borderBottom: `1px solid ${colors.DIVIDER}`, borderBottom: `1px solid ${colors.DIVIDER}`,
}), }),
option: (base, { isSelected }) => ({ option: (base, { isFocused }) => ({
...base, ...base,
color: colors.TEXT_SECONDARY, color: colors.TEXT_SECONDARY,
background: isSelected ? colors.LANDING : colors.WHITE, background: isFocused ? colors.LANDING : colors.WHITE,
borderRadius: 0, borderRadius: 0,
'&:hover': { '&:hover': {
cursor: 'pointer', cursor: 'pointer',