Fix broken coming soon template in dataview (#49749)

* Set coming soon preview body aspect ratio to 1/1 to fix borken template

* Add changelog

* Update plugins/woocommerce/changelog/fix-broken-coming-soon-template

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
This commit is contained in:
Chi-Hsuan Huang 2024-07-23 14:11:32 +08:00 committed by GitHub
parent 1c23c5f2b4
commit 7f23702018
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 0 deletions

View File

@ -25,6 +25,10 @@ export const generateStyles = ( color = '#bea0f2' ) => {
body .is-layout-constrained > .alignwide {
margin: 0 auto;
}
.block-editor-block-preview__content-iframe body {
/* Set ratio to 1:1 so height is always equal to width for the preview. */
aspect-ratio: 1 / 1;
}
.wp-container-core-group-is-layout-4.wp-container-core-group-is-layout-4 {
justify-content: space-between;
}

View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Set coming soon preview body aspect ratio to 1/1 to fix broken template

View File

@ -86,6 +86,10 @@ body.custom-background {
body .is-layout-constrained > .alignwide {
margin: 0 auto;
}
.block-editor-block-preview__content-iframe body {
/* Set ratio to 1:1 so height is always equal to width for the preview. */
aspect-ratio: 1 / 1;
}
.wp-container-core-group-is-layout-4.wp-container-core-group-is-layout-4 {
justify-content: space-between;
}