Skip to content

Enable scrolling on policy pages and align pricing CTAs - #380

Open
SaravanakumarR2018 wants to merge 1 commit into
codex/update-refund-policy-textfrom
codex/add-scroll-bar-to-policy-pages
Open

Enable scrolling on policy pages and align pricing CTAs#380
SaravanakumarR2018 wants to merge 1 commit into
codex/update-refund-policy-textfrom
codex/add-scroll-bar-to-policy-pages

Conversation

@SaravanakumarR2018

Copy link
Copy Markdown
Owner

Motivation

  • Policy pages lacked a vertical scrollbar on long content, so users could be unable to scroll through the full text.
  • Pricing card CTAs were not visually aligned, causing the "Upgrade to Enterprise" button to sit at a different vertical level than "Upgrade to Pro" on larger screens.

Description

  • Added overflow-y-auto to the root container of the policy pages in src/frontend/src/pages/TermsOfServicePage/index.tsx, src/frontend/src/pages/PrivacyPolicyPage/index.tsx, and src/frontend/src/pages/RefundPolicyPage/index.tsx to enable vertical scrolling.
  • Updated the pricing cards in src/new-landingpage/src/LandingPage.tsx to anchor CTA buttons to the bottom of each card by using mt-auto and wrapping buttons in a div with pt-6, ensuring all CTAs sit on the same line/level.
  • Updated src/new-landingpage/package-lock.json after installing dependencies.

Testing

  • Ran npm install in src/new-landingpage which completed successfully and produced an updated lockfile.
  • Started the dev server with npm run dev, and Vite reported the site ready and serving at the local URL.
  • Executed a Playwright script that loaded /new/landingpage/, scrolled to the pricing section, and saved a screenshot confirming the CTA alignment, and the script succeeded in producing the artifact.

Codex Task

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant