Skip to content

Place the analyzer ad manually and floor the progress card height - #384

Merged
faratech merged 1 commit into
mainfrom
analyzer-fixed-ad-slot
Oct 31, 2026
Merged

faratech merged 1 commit into
mainfrom
analyzer-fixed-ad-slot

Conversation

@faratech

Copy link
Copy Markdown
Owner

Summary

  • A real AdSense unit in the auto-format slot can be much taller than the 90px the live view assumed, which squeezed the progress card until its grid and steps were cut off.
  • DisplayAdSafe gets a fixed mode (used by the analyzer): no data-ad-format, box is 320x100 / 468x60 / 728x90 by width, reserved from first paint.
  • The live wrapper is min-height with a 24rem floor for the card, so extra height scrolls instead of crushing the card.

Test plan

  • npm run check (850 tests, typecheck, build, hydration)
  • Chrome and Firefox at 1366x650, 1440x900, 390x844, 600x800, with a forced 600px creative in the slot: row and card sizes unchanged
  • Confirm a real filled ad shows at the fixed size after deploy

🤖 Generated with Claude Code

A real AdSense unit in the auto-format slot can be far taller than the 90px
the live view assumed (250-280px was enough), which squeezed the progress
card until its grid and steps were cut off.

DisplayAdSafe gets a `fixed` mode used by the analyzer: no data-ad-format,
the box is 320x100, 468x60 or 728x90 by width and reserved from first paint,
so whatever fills it cannot resize the page. The live wrapper is now
min-height (not height) with a 24rem floor for the card, so any remaining
extra height scrolls instead of crushing the card.

Checked in Chrome and Firefox at six sizes, including a forced 600px-tall
creative inside the slot.

Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
@faratech
faratech merged commit e812a20 into main Oct 31, 2026
@faratech
faratech deleted the analyzer-fixed-ad-slot branch October 31, 2026 03:04
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.

1 participant