Automattic / newspack-blocks

Gutenberg blocks for the Newspack project.
207 stars 43 forks source link

fix (ras-acc): add styles for terms and conditions #1880

Closed laurelfulford closed 2 months ago

laurelfulford commented 2 months ago

All Submissions:

Changes proposed in this Pull Request:

This PR adds some styles for WooCommerce's built in terms and conditions checkbox, which appears on the second screen of the modal checkout.

See: 1207817176293825-as-1208279455320432

How to test the changes in this Pull Request:

  1. Create a page and title it "Terms and Conditions" or something similar. Give it some text content.
  2. Under WP Admin > WooCommerce > Advanced, under the Page Settings header, use the Terms and conditions dropdown to find your page:

CleanShot 2024-09-11 at 18 42 26

  1. Run through a checkout; note the appearance of the Terms and Conditions checkbox at the bottom of the second screen.

CleanShot 2024-09-11 at 18 45 34

  1. Click the Terms and Conditions text to open the terms details and note the appearance.

CleanShot 2024-09-11 at 18 46 05

  1. Apply this PR and run npm run build.
  2. Repeat steps 3 and 4 and confirm that the Terms checkbox and details look better:

CleanShot 2024-09-11 at 18 44 18

CleanShot 2024-09-11 at 18 44 34

Other information:

laurelfulford commented 2 months ago

@kevinzweerink gave a thumbs up in the Asana task, so I'm going to remove the Needs Design Review label.

laurelfulford commented 2 months ago

Thanks @adekbadek!