woocommerce / pinterest-for-woocommerce

A native Pinterest integration for WooCommerce. Development is managed by Ventures.
https://woocommerce.com/products/pinterest-for-woocommerce/
GNU General Public License v3.0
22 stars 9 forks source link

Fix checkbox control UI issue with WordPress 6.6 #1034

Closed ecgan closed 1 month ago

ecgan commented 1 month ago

Changes proposed in this Pull Request:

Closes https://github.com/woocommerce/pinterest-for-woocommerce/issues/1033.

In this PR, we fix the checkbox control UI issue with WordPress 6.6.

The fix here is done by referring to the cause of issue mentioned in https://github.com/woocommerce/pinterest-for-woocommerce/issues/1033. We specify the --checkbox-input-size CSS variable so that the checkbox control has a defined width and height.

Screenshots:

Screenshot 2024-07-09 at 12 28 54 AM

Detailed test instructions:

  1. Make sure that you use WordPress 6.6.
  2. Go to the extension settings page: /wp-admin/admin.php?page=wc-admin&path=%2Fpinterest%2Fsettings
  3. The checkbox controls should be displayed nicely as shown in the screenshot above.
  4. Do some exploratory testing to make sure that the CSS changes in this PR does not breaking anything.
  5. Downgrade WordPress to older version (e.g. version 6.5). Repeat the above testing to make sure that the CSS changes in this PR works well with older WordPress version.