Skip to content

Activity map cards: taller maps and Kinetta-blue scrims - #767

Open
BenCBanks wants to merge 7 commits into
mainfrom
clover-748-feed-map
Open

BenCBanks wants to merge 7 commits into
mainfrom
clover-748-feed-map

Conversation

@BenCBanks

@BenCBanks BenCBanks commented Nov 9, 2026 •

Copy link
Copy Markdown
Owner

Fixes #748.

What changed

  • Feed route maps use a 5:6 frame, about 20% taller at the same width; photos stay square and route fitting keeps start/end markers clear.
  • Feed title and metadata sit over a translucent dark-navy fade. The focused UI check measures white text against a worst-case white map and requires at least 4.5:1 contrast.
  • The map stats use a soft navy fade that tops out at 48% opacity, with a subtle dark text shadow so distance, pace and time stay readable without a solid blue band.
  • Activity detail keeps the taller 46dvh map and runs it to the top edge. The title band, scrim and border are removed; the floating Back, share and edit controls stay over the map.
  • Mapless/no-GPS cards keep their current layout.

Verification

  • Focused Activity Feed checks pass at 390px and 330px in light and dark. The checks confirm the complete card, including stats and reactions, ends above the fixed tab bar; they also measure header text contrast over pure white.
  • Fresh 390px Feed captures below show the full card without the tab bar.
  • The 390px/330px Activity and Activity detail spacing audit previously passed with 0 violations; this follow-up changes only overlay colors and text shadows.
  • Captures use fictional seeded data and local mock map tiles. No physical-iPhone check has been run.
  • Full CI is rerunning for the follow-up commit.

Fresh captures

Feed map card — light, full card, 390 px

Feed map card — dark, full card, 390 px

Activity detail map — light, 390 px

Activity detail map — dark, 390 px

@BenCBanks
BenCBanks force-pushed the clover-748-feed-map branch 2 times, most recently from 5a5c4f3 to 8ae805d Compare November 9, 2026 19:09
@BenCBanks
BenCBanks marked this pull request as ready for review November 9, 2026 19:09
@BenCBanks
BenCBanks force-pushed the clover-748-feed-map branch 3 times, most recently from 645ffe5 to 0e0a2fa Compare November 9, 2026 20:53
@BenCBanks
BenCBanks marked this pull request as draft November 9, 2026 22:30
@BenCBanks
BenCBanks force-pushed the clover-748-feed-map branch from fe43f36 to 359e011 Compare November 9, 2026 22:50
@BenCBanks
BenCBanks marked this pull request as ready for review November 9, 2026 22:54

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feed activity card: bigger map and a Kinetta-blue title scrim instead of black

1 participant