Skip to content

Commit 5febe97

Browse files
committed
Prevent cell icon hover effect if button is disabled
1 parent 006a2ae commit 5febe97

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

gui/src/renderer/components/cell/Label.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,10 @@ const StyledTintedIcon = styled(ImageView).attrs((props: IImageViewProps) => ({
3030
tintColor: props.tintColor ?? colors.white60,
3131
tintHoverColor: props.tintHoverColor ?? props.tintColor ?? colors.white60,
3232
}))((props: IImageViewProps) => ({
33-
[CellButton + ':hover &']: {
33+
':hover': {
34+
backgroundColor: props.tintColor,
35+
},
36+
[`${CellButton}:not(:disabled):hover &`]: {
3437
backgroundColor: props.tintHoverColor,
3538
},
3639
}));

0 commit comments

Comments
 (0)