diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2020-11-05 17:24:46 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2020-11-16 17:17:36 +0100 |
| commit | 5febe973ff753f7df18559d6b82e3738a9190330 (patch) | |
| tree | 32487493651650d8ed7e90bb255678a42d7c8746 /gui/src | |
| parent | 006a2aef34e9864af32c87f51a2499d7ae39b7c7 (diff) | |
| download | mullvadvpn-5febe973ff753f7df18559d6b82e3738a9190330.tar.xz mullvadvpn-5febe973ff753f7df18559d6b82e3738a9190330.zip | |
Prevent cell icon hover effect if button is disabled
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/cell/Label.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/gui/src/renderer/components/cell/Label.tsx b/gui/src/renderer/components/cell/Label.tsx index 12a312049b..21c17cde13 100644 --- a/gui/src/renderer/components/cell/Label.tsx +++ b/gui/src/renderer/components/cell/Label.tsx @@ -30,7 +30,10 @@ const StyledTintedIcon = styled(ImageView).attrs((props: IImageViewProps) => ({ tintColor: props.tintColor ?? colors.white60, tintHoverColor: props.tintHoverColor ?? props.tintColor ?? colors.white60, }))((props: IImageViewProps) => ({ - [CellButton + ':hover &']: { + ':hover': { + backgroundColor: props.tintColor, + }, + [`${CellButton}:not(:disabled):hover &`]: { backgroundColor: props.tintHoverColor, }, })); |