Merge pull request #1034 from woocommerce/feature/wp-6.6-fix-checkbox-ui

Fix checkbox control UI issue with WordPress 6.6
woocommerce · Jul 23, 2024 · 1301fa2 · 1301fa2
1 parent 2bf5669
commit 1301fa2
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/assets/source/setup-guide/app/style.scss b/assets/source/setup-guide/app/style.scss
@@ -21,6 +21,18 @@ $root: ".woocommerce-setup-guide";
 	}
 }
 
+// This is to fix breaking changes in checkbox control UI in WP 6.6.
+// Code is copied from https://github.com/WordPress/gutenberg/pull/60475.
+:root {
+	--checkbox-input-size: 24px; // Width & height for small viewports.
+
+	@include break-small() {
+		--checkbox-input-size: 20px;
+	}
+
+	--checkbox-input-margin: #{$grid-unit-10};
+}
+
 #{$root} {
 
 	&__body {