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

Adjust gallery trigger to not overlap with sale badge; keep sale badge always on right

This commit is contained in:
Jonathan Sadowski 2020-12-03 15:30:08 -06:00
parent bc9e7e78f8
commit 5a1994284b
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/twenty-twenty-one.scss
View File

@ -180,6 +180,15 @@ a.button {
} }
} }
.onsale + .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
top: 2.2em;
right: 2.2em;
}
.single-product .type-product.sale > .onsale {
right: calc( 52% - 0.7rem );
}
.price { .price {
font-family: $headings; font-family: $headings;
font-size: 1rem; font-size: 1rem;
@ -2081,6 +2090,11 @@ a.reset_variations {
font-size: 1rem; font-size: 1rem;
} }
.onsale + .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
top: 1.8em;
right: 1.8em;
}
} }
} }
@ -2126,8 +2140,7 @@ a.reset_variations {
.woocommerce-page { .woocommerce-page {
.onsale { .onsale {
right: auto; right: -0.7rem !important;
left: -1rem;
} }
.woocommerce-tabs { .woocommerce-tabs {
@ -2344,6 +2357,7 @@ a.reset_variations {
.onsale { .onsale {
font-size: 1rem; font-size: 1rem;
} }
} }
/** /**