From 2d16cba7aaf98ad4d074b321476ebca6ae156457 Mon Sep 17 00:00:00 2001 From: Niels Lange Date: Wed, 4 Aug 2021 14:47:21 +0200 Subject: [PATCH 1/2] Twenty Twenty-One: Adjust removable chip background color --- assets/js/base/components/chip/style.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/assets/js/base/components/chip/style.scss b/assets/js/base/components/chip/style.scss index 68a9083a2d8..e3ceb9e6758 100644 --- a/assets/js/base/components/chip/style.scss +++ b/assets/js/base/components/chip/style.scss @@ -51,6 +51,20 @@ } } +.theme-twentytwentyone { + // Adjust removable chip background color. + // @see https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/4404 + .wc-block-components-chip, + .wc-block-components-chip:active, + .wc-block-components-chip:focus, + .wc-block-components-chip:hover { + background: #fff; + button.wc-block-components-chip__remove:not(:hover):not(:active):not(.has-background) { + background: transparent; + } + } +} + button.wc-block-components-chip:hover > .wc-block-components-chip__remove, button.wc-block-components-chip:focus > .wc-block-components-chip__remove, .wc-block-components-chip__remove:hover, From aa21e9641f3532109ac2d2b1647ea166b93c0a1d Mon Sep 17 00:00:00 2001 From: Niels Lange Date: Thu, 5 Aug 2021 14:21:58 +0200 Subject: [PATCH 2/2] Twenty Twenty-One: Remove GitHub reference from implementation --- assets/js/base/components/chip/style.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/assets/js/base/components/chip/style.scss b/assets/js/base/components/chip/style.scss index e3ceb9e6758..4983fce6c11 100644 --- a/assets/js/base/components/chip/style.scss +++ b/assets/js/base/components/chip/style.scss @@ -52,8 +52,6 @@ } .theme-twentytwentyone { - // Adjust removable chip background color. - // @see https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/4404 .wc-block-components-chip, .wc-block-components-chip:active, .wc-block-components-chip:focus,