Wraps the dropdown icon in a button to allow keyboard usability (https://github.com/woocommerce/woocommerce-admin/pull/7149)

* Wraps the dropdown icon in a button to allow keyboard usuability

* Add changelog

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
This commit is contained in:
louwie17 2021-06-10 06:11:45 -03:00 committed by GitHub
parent 77906db0ff
commit 14fe529ebc
3 changed files with 11 additions and 6 deletions

View File

@ -490,9 +490,8 @@ export const SelectiveExtensionsBundle = ( {
'Add recommended business features to my site'
) }
</p>
<Icon
<Button
className="woocommerce-admin__business-details__selective-extensions-bundle__expand"
icon={ showExtensions ? chevronUp : chevronDown }
onClick={ () => {
setShowExtensions( ! showExtensions );
@ -503,7 +502,13 @@ export const SelectiveExtensionsBundle = ( {
);
}
} }
/>
>
<Icon
icon={
showExtensions ? chevronUp : chevronDown
}
/>
</Button>
</div>
{ showExtensions &&
installableExtensions.map(

View File

@ -15,6 +15,7 @@
display: flex;
padding: $gap-large 0 $gap-large 30px;
border-bottom: 1px solid $gray-200;
align-items: center;
}
.woocommerce-admin__business-details__selective-extensions-bundle__description {
@ -55,9 +56,7 @@
}
.woocommerce-admin__business-details__selective-extensions-bundle__expand {
margin-left: 21px;
margin-top: -2px;
cursor: pointer;
margin-left: 9px;
}
.woocommerce-profile-wizard__business-details__free-features__illustration {

View File

@ -145,6 +145,7 @@ Release and roadmap notes are available on the [WooCommerce Developers Blog](htt
- Fix: Bug with Orders Report coupon exclusion filter. #7021
- Fix: Show Google Listing and Ads in installed marketing extensions section. #7029
- Fix: Notices not dissapearing. #7077
- Fix: Keyboard accessibility on the free features tab. #7149
- Fix: Fix error handling when remote free extension API returns empty array. #7147
- Tweak: Only fetch remote payment gateway recommendations when opted in #6964
- Tweak: Setup checklist copy revert. #7015