From 3beaa27ae85c2e6127b324887460f5bf217f4a8a Mon Sep 17 00:00:00 2001 From: Dan Rosenthal Date: Fri, 31 May 2019 10:38:00 -0400 Subject: [PATCH] Removed transition on tag button hover state Co-authored-by: johanstromqvist --- UNRELEASED.md | 1 + src/components/Tag/Tag.scss | 4 ---- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/UNRELEASED.md b/UNRELEASED.md index b77922ddffb..94953d97d32 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -19,6 +19,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f - Made the `action` prop optional on `EmptyState` ([#1583](https://github.com/Shopify/polaris-react/pull/1583)) - Prevented Firefox from showing an extra dotted border on focused buttons ([#1409](https://github.com/Shopify/polaris-react/pull/1409)) - Added `resolveItemId` prop to `ResourceList` which is used in the new multiselect feature ([#1261](https://github.com/Shopify/polaris-react/pull/1261)) +- Removed transition on tag button hover state [#1337](https://github.com/Shopify/polaris-react/pull/1337) ### Bug fixes diff --git a/src/components/Tag/Tag.scss b/src/components/Tag/Tag.scss index 836c81c5d43..8f9f74568a0 100644 --- a/src/components/Tag/Tag.scss +++ b/src/components/Tag/Tag.scss @@ -36,10 +36,6 @@ $icon-size: rem(16px); height: $height; width: $height; margin-left: spacing(extra-tight); - will-change: background, fill; - transition-property: background, fill; - transition-duration: duration(); - transition-timing-function: easing(); border-radius: 0 border-radius() border-radius() 0; &:hover,