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 {
font-family: $headings;
font-size: 1rem;
@ -2081,6 +2090,11 @@ a.reset_variations {
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 {
.onsale {
right: auto;
left: -1rem;
right: -0.7rem !important;
}
.woocommerce-tabs {
@ -2344,6 +2357,7 @@ a.reset_variations {
.onsale {
font-size: 1rem;
}
}
/**