Freegle / Iznik / 28924

73%

master: 73%

Pull #1193

circleci

feat(browse): size feed photos from the screen height so six posts fit

At lg+ a feed card is a horizontal row whose photo is a square, so the
square's side is also the card's height. That side was a fixed 200px, which
meant a short screen showed only two or three posts at a time.

The side now comes from the viewport height, aiming to fit six cards between
the fixed navbar and the sticky bottom ad, and clamped at both ends: never
larger than the 200px it used to be, so a very large screen is unchanged, and
never so small that the text beside the photo stops being readable. Below
about 710px of viewport the clamp holds and we show fewer than six rather than
render an unusable card.

The text column degrades with the row instead of being clipped: padding
shrinks with the photo, the description drops to a single ellipsised line when
only one fits (a fade over the only line just greys it out), and is dropped
entirely when none does. Subject, location, distance and age always stay.
MessageSkeleton tracks the same sizes and tiers so the card doesn't jump when
the real one replaces it.

The "freegled"/"promised" stamp was positioned on a hard-coded 200px square
and is now centred on whatever size the photo is.

Portrait layouts (xs/sm/md grid, mobile landscape) are unchanged - there the
photo's width comes from the grid column, not from the screen height.

The new partial is duplicated into modtools/assets/css/ like every other one
there: ModTools is a Nuxt layer whose assets/css/* resolves to its own copy,
so the shared MessageSummary/MessageSkeleton fail to compile in the ModTools
build without it.

Also fixes file-sync.sh, which never synced assets/ to the container vitest
runs in, so a unit test reading a stylesheet saw the copy baked into the image
rather than the edit on disk.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Mrih9qw8XXt1va2g6pMqN5

13440 of 17659 branches covered (76.11%)

Branch coverage included in aggregate %.

141262 of 194621 relevant lines covered (72.58%)

38.16 hits per line