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

Fix coming soon template layout issue with tall images and header spacing (#52726) 

* Fix Coming Soon page template style

* Add changelog
This commit is contained in:
Chi-Hsuan Huang 2024-11-13 12:14:51 +08:00 committed by GitHub
parent 79a8adc17c
commit 5efefbb71a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce-blocks/assets/js/blocks/coming-soon/entire-site.scss
View File

@ -86,7 +86,7 @@ body:has(.woocommerce-coming-soon-banner) {
line-height: normal;
text-align: center;
text-decoration: none;
padding: 17px 16px;
padding: 12px 16px;
}
}
@ -145,10 +145,6 @@ body:has(.woocommerce-coming-soon-banner) {
}
}
.woocommerce-coming-soon-header {
height: 40px;
}
h1.wp-block-heading.woocommerce-coming-soon-banner {
font-size: clamp(27px, 1.74rem + ((1vw - 3px) * 2), 48px);
font-weight: 400;

4
plugins/woocommerce/changelog/fix-coming-soon-entire-site-template Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Fix header with an image in Coming Soon page template causes text overlap and spacing

4
plugins/woocommerce/patterns/coming-soon-entire-site.php
View File

@ -22,8 +22,8 @@ if ( 'twentytwentyfour' === $current_theme ) {
<!-- wp:woocommerce/coming-soon {"color":"#bea0f2","storeOnly":false,"className":"woocommerce-coming-soon-entire-site wp-block-woocommerce-background-color"} -->
<div class="woocommerce-coming-soon-entire-site wp-block-woocommerce-coming-soon wp-block-woocommerce-background-color"><!-- wp:cover {"minHeight":100,"minHeightUnit":"vh","isDark":false,"className":"coming-soon-is-vertically-aligned-center coming-soon-cover","layout":{"type":"default"}} -->
<div class="wp-block-cover is-light coming-soon-is-vertically-aligned-center coming-soon-cover" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style=""></span><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"woocommerce-coming-soon-banner-container","layout":{"type":"default"}} -->
<div class="wp-block-group woocommerce-coming-soon-banner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"3px","bottom":"20px"}}},"className":"woocommerce-coming-soon-header","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide woocommerce-coming-soon-header has-background" style="padding-top:3px;padding-bottom:20px"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
<div class="wp-block-group woocommerce-coming-soon-banner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"10px","bottom":"14px"}}},"className":"woocommerce-coming-soon-header","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide woocommerce-coming-soon-header has-background" style="padding-top:10px;padding-bottom:14px"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":60} /-->