Repository navigation
chore(storybook): cookie banner and signup strip layout test - #6890
Open
tsahimatsliah wants to merge 6 commits into
Open
tsahimatsliah wants to merge 6 commits into
tsahimatsliah wants to merge 6 commits into
Conversation
The iubenda cookie card is fixed to the bottom-right corner and lands on the signup strip's auth column on every window under ~1,750px, hiding "Continue with GitHub", the email link and "Log in". Adds a Storybook review of three strip layouts for an A/B test, each built from the real production components (OnboardingHeadline children, AuthOptions with inlineProviders) and compared against the real GeoPersonalizedBanner / AuthenticationBanner at eight laptop and desktop sizes plus tablet and phone. Copy and the laptop-only gate are unchanged; the strip keeps production's 284px height. README.md holds the plan for shipping it behind a flag. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…ations-60a678' into claude/cookie-banner-layout-variations-60a678
…ight Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Why
On logged-out public pages the iubenda cookie card (fixed bottom-right, 340px) lands on the signup strip's auth column on every window under ~1,750px, hiding "Continue with GitHub", the email link and "Log in". That is every laptop.
What
Storybook only. A review of three strip layouts for an A/B test against production:
All three share one layout: a left-aligned column centered in the space the cookie card leaves free, Google and GitHub side by side, email and log in on one row, and the same 284px height as production. Production copy is unchanged; the headline is a step smaller with a solid title.
The "before" is the real
GeoPersonalizedBanner/AuthenticationBanner, and the "after" is built from the same realOnboardingHeadlineandAuthOptions. The cookie card uses the productioniubenda.cssand show-more enhancer. Measured headless: production has 3 auth controls under the card at 1024 and 1366; every variant has 0.packages/storybook/stories/cookie-strip/README.mdis the plan for shipping the test behind asignup_strip_layoutflag.Review
Storybook → Cookie banner & Signup strip:
🤖 Generated with Claude Code
Preview domain
https://claude-cookie-banner-layout-vari.preview.app.daily.dev