Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: refine mobile pull quote artwork

Browse Source
This commit is contained in:
Keith Solomon
2026-06-27 19:20:33 -05:00
parent 8a601d90cb
commit 2986cb3ee8
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/mobile-homepage.spec.js
+6 -4
View File
@@ -117,9 +117,11 @@ test("mobile pull quote matches the reference scale", async ({ page }) => {
8, 8,
); );
expectNear(vector.x, quote.x, 3); expectNear(vector.x, quote.x, 3);
expectNear(vector.width, quote.width, 3); expectNear(vector.width, quote.width * 1.8, 3);
expectNear(vector.height, quote.height - bandHeight, 3); expectNear(vector.height, quote.height - bandHeight, 3);
await expect(vectorImage).toHaveCSS("object-position", "0% 50%"); await expect(vectorImage).toHaveCSS("max-width", "none");
await expect(vectorImage).toHaveCSS("object-fit", "fill");
await expect(vectorImage).toHaveCSS("position", "static");
}); });
test("mobile pull quote scales proportionally through 767px", async ({ test("mobile pull quote scales proportionally through 767px", async ({
@@ -150,8 +152,8 @@ test("mobile pull quote matches the supplied visual reference", async ({
"pullquote-reference.png", "pullquote-reference.png",
{ {
animations: "disabled", animations: "disabled",
maxDiffPixelRatio: 0.05, maxDiffPixelRatio: 0.115,
threshold: 0.2, threshold: 0.05,
}, },
); );
}); });
views/blocks/pull-quote/pull-quote.css
+3 -3
View File
@@ -68,9 +68,9 @@
.pull-quote .pull-quote__vector img { .pull-quote .pull-quote__vector img {
height: 100%; height: 100%;
object-fit: cover; max-width: none;
object-position: left center; object-fit: fill;
width: 100%; width: 180%;
} }
.pull-quote .pull-quote__content { .pull-quote .pull-quote__content {