Cherry pick 50410 into release/9.2 (#50476)
* Customer Account - Maintain the size of the icon in smaller screens (#50410) * Customer Account - Maintain the size of the icon in smaller screens * Hide overflow text * Add changefile(s) from automation for the following project(s): woocommerce-blocks, woocommerce --------- Co-authored-by: github-actions <github-actions@github.com> * Prep for cherry pick 50410 --------- Co-authored-by: Alba Rincón <albarin@users.noreply.github.com> Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: WooCommerce Bot <no-reply@woocommerce.com>
This commit is contained in:
parent
1495cc0ccd
commit
fc3bc34b77
|
@ -17,8 +17,13 @@
|
|||
|
||||
.wp-block-woocommerce-customer-account {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
a {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-decoration: none !important;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
@ -35,6 +40,8 @@
|
|||
|
||||
.wc-block-customer-account__account-icon {
|
||||
box-sizing: content-box !important;
|
||||
min-height: em(23px);
|
||||
min-width: em(23px);
|
||||
height: em(23px);
|
||||
width: em(23px);
|
||||
padding: em($gap-smaller);
|
||||
|
|
|
@ -11,8 +11,8 @@
|
|||
<div class="wc-blocks-pattern-header-centered-menu wc-blocks-header-pattern wp-block-group alignfull">
|
||||
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"align":"full","style":{"spacing":{"padding":{"top":"24px","bottom":"24px","left":"40px","right":"40px"}}}} -->
|
||||
<div class="wp-block-columns alignfull are-vertically-aligned-center is-not-stacked-on-mobile" style="padding-top:24px;padding-right:40px;padding-bottom:24px;padding-left:40px">
|
||||
<!-- wp:column {"verticalAlignment":"center","width":"70%","layout":{"type":"default"}} -->
|
||||
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:70%">
|
||||
<!-- wp:column {"verticalAlignment":"center","layout":{"type":"default"}} -->
|
||||
<div class="wp-block-column is-vertically-aligned-center">
|
||||
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->
|
||||
<div class="wp-block-group"><!-- wp:site-logo {"shouldSyncIcon":false} /-->
|
||||
<!-- wp:site-title {"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
|
||||
|
|
|
@ -173,6 +173,7 @@ WooCommerce comes with some sample data you can use to see how products look; im
|
|||
|
||||
**WooCommerce**
|
||||
|
||||
* Fix - Customer Account - Maintain the size of the icon in smaller screens. [#50410](https://github.com/woocommerce/woocommerce/pull/50410)
|
||||
* Fix - Accessibility: Prevent shipping losing focus when making selections during checkout. [#48370](https://github.com/woocommerce/woocommerce/pull/48370)
|
||||
* Fix - Add aria-label to mini-cart button on first render to improve accessibility [#48329](https://github.com/woocommerce/woocommerce/pull/48329)
|
||||
* Fix - Add missing script dependencies to product variation generation script. [#49595](https://github.com/woocommerce/woocommerce/pull/49595)
|
||||
|
|
Loading…
Reference in New Issue