Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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>
This commit is contained in:
Alba Rincón 2024-08-07 17:45:16 +02:00 committed by GitHub
parent 2d8bd64c54
commit 0235907b14
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/woocommerce-blocks/assets/js/blocks/customer-account/style.scss
View File

@ -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);

4
plugins/woocommerce/changelog/50410-50369-customer-account-icon-mobile Normal file
View File

@ -0,0 +1,4 @@
Significance: minor
Type: fix
Customer Account - Maintain the size of the icon in smaller screens.

4
plugins/woocommerce/patterns/header-centered-pattern.php
View File

@ -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"}}} /-->