diff --git a/plugins/woocommerce-admin/packages/components/CHANGELOG.md b/plugins/woocommerce-admin/packages/components/CHANGELOG.md index 60e0292dbbc..3e97aa5113c 100644 --- a/plugins/woocommerce-admin/packages/components/CHANGELOG.md +++ b/plugins/woocommerce-admin/packages/components/CHANGELOG.md @@ -1,3 +1,7 @@ +# Unreleased + +- Fix style regression with the Chart header. #7002 + # 6.2.0 - Fix `autocompleter` for custom Search in `CompareFilter` #6911 diff --git a/plugins/woocommerce-admin/packages/components/src/chart/index.js b/plugins/woocommerce-admin/packages/components/src/chart/index.js index 48758a23c69..a309d3e0d34 100644 --- a/plugins/woocommerce-admin/packages/components/src/chart/index.js +++ b/plugins/woocommerce-admin/packages/components/src/chart/index.js @@ -242,15 +242,16 @@ class Chart extends Component { }; return ( - ( { - value: allowedInterval, - label: intervalLabels[ allowedInterval ], - } ) ) } - onChange={ this.setInterval } - /> +
+ ( { + value: allowedInterval, + label: intervalLabels[ allowedInterval ], + } ) ) } + onChange={ this.setInterval } + /> +
); } diff --git a/plugins/woocommerce-admin/packages/components/src/chart/style.scss b/plugins/woocommerce-admin/packages/components/src/chart/style.scss index d4b65c53133..eff07e3defe 100644 --- a/plugins/woocommerce-admin/packages/components/src/chart/style.scss +++ b/plugins/woocommerce-admin/packages/components/src/chart/style.scss @@ -87,8 +87,20 @@ border: 0; box-shadow: none; + .components-input-control__backdrop { + display: none; + } + &:not(:disabled):not([aria-disabled='true']):focus { @include button-style__focus-active(); + + & ~ .components-input-control__backdrop { + display: block; + } + } + + & ~ .components-input-control__backdrop { + display: none; } } } diff --git a/plugins/woocommerce-admin/readme.txt b/plugins/woocommerce-admin/readme.txt index a3b9278bb3f..f2930f31fe9 100644 --- a/plugins/woocommerce-admin/readme.txt +++ b/plugins/woocommerce-admin/readme.txt @@ -112,6 +112,7 @@ Release and roadmap notes are available on the [WooCommerce Developers Blog](htt - Fix: Multiple preload tag output bug. #6998 - Fix: Call existing filters for leaderboards in analytics. #6626 - Fix: Set target to blank for the external links #6999 +- Fix style regression with the Chart header. #7002 - Fix: Show Google Listing and Ads in installed marketing extensions section. #7029 - Tweak: Only fetch remote payment gateway recommendations when opted in #6964 - Tweak: Setup checklist copy revert. #7015