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

fix: refine mobile contact photo crop

Browse Source
This commit is contained in:
Keith Solomon
2026-06-27 21:22:30 -05:00
parent e2901ce710
commit 7c143721b8
3 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/mobile-homepage.spec.js
+1 -1
View File
@@ -372,7 +372,7 @@ test("mobile contact card matches the 402px reference geometry", async ({
expect(linework.x).toBeLessThanOrEqual(card.x); expect(linework.x).toBeLessThanOrEqual(card.x);
await expect(lineworkLocator).toHaveCSS("overflow", "visible"); await expect(lineworkLocator).toHaveCSS("overflow", "visible");
await expect(backgroundImage).toHaveCSS("object-fit", "cover"); await expect(backgroundImage).toHaveCSS("object-fit", "cover");
await expect(backgroundImage).toHaveCSS("object-position", "60% 50%"); await expect(backgroundImage).toHaveCSS("object-position", "82% 50%");
await expect(backgroundImage).toHaveCSS("filter", "brightness(1.5)"); await expect(backgroundImage).toHaveCSS("filter", "brightness(1.5)");
const overlay = await cardLocator const overlay = await cardLocator
.locator(".contact-block__media") .locator(".contact-block__media")
tests/mobile-homepage.spec.js-snapshots/contact-card-render-chromium.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 166 KiB

After

Width:  |  Height:  |  Size: 238 KiB

views/blocks/contact-block/contact-block.css
+1 -1
View File
@@ -81,7 +81,7 @@
.contact-block .contact-block__bg-image { .contact-block .contact-block__bg-image {
filter: brightness(1.5); filter: brightness(1.5);
object-fit: cover; object-fit: cover;
object-position: 60% center; object-position: 82% center;
position: relative; position: relative;
z-index: 0; z-index: 0;
} }