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:
parent
77906db0ff
commit
14fe529ebc
|
@ -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(
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue