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

Increase the spacing between the shipping box illustration and the dimensions fields (#35259)

This commit is contained in:
Maikel David Pérez Gómez 2022-10-25 17:17:30 -03:00 committed by GitHub
parent 09df031593
commit 78f659b702
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
plugins/woocommerce-admin/client/products/sections/product-shipping-section.scss
View File

@ -15,7 +15,7 @@
&__dimensions { &__dimensions {
&-body { &-body {
display: grid; display: grid;
gap: $gap-large; gap: $gap-largest;
grid-template-columns: 1fr; grid-template-columns: 1fr;
@media ( min-width: #{ ($break-medium) } ) { @media ( min-width: #{ ($break-medium) } ) {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@ -28,15 +28,14 @@
} }
} }
} }
&-image {
width: 100%;
height: 100%;
}
.product-shipping-section__spinner-wrapper { .product-shipping-section__spinner-wrapper {
@media ( min-width: #{ ($break-medium) } ) { @media ( min-width: #{ ($break-medium) } ) {
min-height: 326px; min-height: 326px;
} }
} }
} }
&-image {
@media ( min-width: #{ ($break-medium) } ) {
width: 100%;
}
}
} }

4
plugins/woocommerce/changelog/enhancement-35189-increase-gap Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: enhancement
Increase the spacing between the shipping box illustration and the dimensions fields