diff options
| author | Oliver <oliver@mohlin.dev> | 2025-01-29 15:26:03 +0100 |
|---|---|---|
| committer | Oliver Mohlin <oliver@mohlin.dev> | 2025-02-25 09:36:34 +0100 |
| commit | 2f27e272b446d28c3a1ba04b3ae966afa44a0bc5 (patch) | |
| tree | 7550dc048e1a41e67cdcc02a4534f6f10384434a | |
| parent | b94e36e86814f9fa62c421adadb069d70cc6cfd0 (diff) | |
| download | mullvadvpn-2f27e272b446d28c3a1ba04b3ae966afa44a0bc5.tar.xz mullvadvpn-2f27e272b446d28c3a1ba04b3ae966afa44a0bc5.zip | |
Set disabled color in IconButton
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/icon-button/IconButton.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/icon-button/IconButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/icon-button/IconButton.tsx index 80126341e7..9bc022af8a 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/icon-button/IconButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/icon-button/IconButton.tsx @@ -42,6 +42,7 @@ const StyledButton = styled.button({ borderRadius: '100%', '&:focus-visible': { outline: `2px solid ${Colors.white}`, + outlineOffset: '1px', }, }); @@ -72,7 +73,7 @@ export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>( {...props}> <StyledIcon icon={icon} - color={styles.background} + color={disabled ? styles.disabled : styles.background} size={sizeProp} $hoverColor={styles.hover} $disabled={disabled} |