From bdb5ef240b8827349c353f31d8312508a9f43b14 Mon Sep 17 00:00:00 2001 From: Dharit Tantiviramanond Date: Mon, 27 Nov 2023 16:05:07 -0500 Subject: [PATCH 1/2] [PAY-2212] Don't grow fullWidth buttons --- .../src/components/button/BaseButton/BaseButton.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/harmony/src/components/button/BaseButton/BaseButton.tsx b/packages/harmony/src/components/button/BaseButton/BaseButton.tsx index 2920c1e8b15..3527be041a8 100644 --- a/packages/harmony/src/components/button/BaseButton/BaseButton.tsx +++ b/packages/harmony/src/components/button/BaseButton/BaseButton.tsx @@ -75,9 +75,11 @@ export const BaseButton = forwardRef( ':focus': { outline: 'none !important' }, - ':hover': { - transform: 'scale(1.04)' - }, + ':hover': !fullWidth + ? { + transform: 'scale(1.04)' + } + : undefined, ':active': { transform: 'scale(0.98)' }, From 6c47a3920dbd3a3b7b03c42cb4c0777069a3f41d Mon Sep 17 00:00:00 2001 From: Dharit Tantiviramanond Date: Mon, 27 Nov 2023 21:05:27 -0500 Subject: [PATCH 2/2] Keep color change --- .../src/components/button/BaseButton/BaseButton.tsx | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/harmony/src/components/button/BaseButton/BaseButton.tsx b/packages/harmony/src/components/button/BaseButton/BaseButton.tsx index 3527be041a8..b5f06891d7d 100644 --- a/packages/harmony/src/components/button/BaseButton/BaseButton.tsx +++ b/packages/harmony/src/components/button/BaseButton/BaseButton.tsx @@ -75,11 +75,9 @@ export const BaseButton = forwardRef( ':focus': { outline: 'none !important' }, - ':hover': !fullWidth - ? { - transform: 'scale(1.04)' - } - : undefined, + ':hover': { + transform: fullWidth ? 'scale(1.00)' : 'scale(1.04)' + }, ':active': { transform: 'scale(0.98)' },