Go to the extension settings page: /wp-admin/admin.php?page=wc-admin&path=%2Fpinterest%2Fsettings
The checkbox controls should be displayed nicely as shown in the screenshot above.
Do some exploratory testing to make sure that the CSS changes in this PR does not breaking anything.
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.
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:
Detailed test instructions:
/wp-admin/admin.php?page=wc-admin&path=%2Fpinterest%2Fsettings