fix(checkout-button): handle 10+ product variations (#1536)

Automattic · Sep 26, 2023 · 5df5065 · 5df5065
1 parent b14e4e5
commit 5df5065
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/blocks/checkout-button/edit.js b/src/blocks/checkout-button/edit.js
@@ -167,7 +167,7 @@ function CheckoutButtonEdit( props ) {
 		// Handle product variation data.
 		if ( data?.variations?.length ) {
 			setAttributes( { is_variable: true } );
-			apiFetch( { path: `/wc/v2/products/${ data.id }/variations` } )
+			apiFetch( { path: `/wc/v2/products/${ data.id }/variations?per_page=100` } )
 				.then( res => setVariations( res ) )
 				.catch( () => setVariations( [] ) );
 		} else {

diff --git a/src/modal-checkout/modal.scss b/src/modal-checkout/modal.scss
@@ -51,7 +51,7 @@
 		opacity: 0.5;
 		position: absolute;
 		top: 50%;
-		transform: translate(-50%, -50%);
+		transform: translate( -50%, -50% );
 		width: 100%;
 		> span {
 			animation: spin 1s infinite linear;
@@ -84,6 +84,8 @@
 .newspack-blocks-variation-modal {
 	&__content {
 		padding: 32px;
+		overflow: auto;
+		border-radius: 5px;
 		h3 {
 			margin: 0 0 1em;
 		}