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

View File

@ -15,6 +15,7 @@
display: flex; display: flex;
padding: $gap-large 0 $gap-large 30px; padding: $gap-large 0 $gap-large 30px;
border-bottom: 1px solid $gray-200; border-bottom: 1px solid $gray-200;
align-items: center;
} }
.woocommerce-admin__business-details__selective-extensions-bundle__description { .woocommerce-admin__business-details__selective-extensions-bundle__description {
@ -55,9 +56,7 @@
} }
.woocommerce-admin__business-details__selective-extensions-bundle__expand { .woocommerce-admin__business-details__selective-extensions-bundle__expand {
margin-left: 21px; margin-left: 9px;
margin-top: -2px;
cursor: pointer;
} }
.woocommerce-profile-wizard__business-details__free-features__illustration { .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: Bug with Orders Report coupon exclusion filter. #7021
- Fix: Show Google Listing and Ads in installed marketing extensions section. #7029 - Fix: Show Google Listing and Ads in installed marketing extensions section. #7029
- Fix: Notices not dissapearing. #7077 - 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 - 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: Only fetch remote payment gateway recommendations when opted in #6964
- Tweak: Setup checklist copy revert. #7015 - Tweak: Setup checklist copy revert. #7015