Kansei: Fix query pagination (#7656)

kansei/patterns/query-pagination.php

@@ -1,15 +0,0 @@
-<?php
-/**
- * Title: A query pagination
- * Slug: kansei/query-pagination
- * Inserter: no
- */
-
-declare( strict_types = 1 );
-?>
-
-<!-- wp:query-pagination {"paginationArrow":"arrow"} -->
-	<!-- wp:query-pagination-previous {"label":"<?php echo esc_html__( 'Prev', 'kansei' ); ?>"} /-->
-
-	<!-- wp:query-pagination-next {"label":"<?php echo esc_html__( 'Next', 'kansei' ); ?>"} /-->
-<!-- /wp:query-pagination -->

kansei/templates/404.html

@@ -16,13 +16,17 @@
 
 			<!-- wp:column {"verticalAlignment":"top","width":"60%"} -->
 			<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%">
-				<!-- wp:pattern {"slug":"kansei/404"} /-->
+				<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+				<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--80)">
+					<!-- wp:pattern {"slug":"kansei/404"} /-->
 
-				<!-- wp:spacer {"height":"50px"} -->
-				<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
-				<!-- /wp:spacer -->
+					<!-- wp:spacer {"height":"50px"} -->
+					<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+					<!-- /wp:spacer -->
 
-				<!-- wp:pattern {"slug":"kansei/search-field"} /-->
+					<!-- wp:pattern {"slug":"kansei/search-field"} /-->
+				</div>
+				<!-- /wp:group -->
 			</div>
 			<!-- /wp:column --></div>
 <!-- /wp:columns --></div>

kansei/templates/archive.html

@@ -16,7 +16,11 @@
 				<div class="wp-block-column" style="flex-basis:40%">
 					<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
 					<div class="wp-block-group">
-						<!-- wp:pattern {"slug":"kansei/query-pagination"} /-->
+						<!-- wp:query-pagination {"paginationArrow":"arrow"} -->
+							<!-- wp:query-pagination-previous {"label":"Prev"} /-->
+
+							<!-- wp:query-pagination-next {"label":"Next"} /-->
+						<!-- /wp:query-pagination -->
 					</div>
 					<!-- /wp:group -->
 				</div>

kansei/templates/index.html

@@ -16,7 +16,11 @@
 				<div class="wp-block-column" style="flex-basis:40%">
 					<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
 					<div class="wp-block-group">
-						<!-- wp:pattern {"slug":"kansei/query-pagination"} /-->
+						<!-- wp:query-pagination {"paginationArrow":"arrow"} -->
+							<!-- wp:query-pagination-previous {"label":"Prev"} /-->
+
+							<!-- wp:query-pagination-next {"label":"Next"} /-->
+						<!-- /wp:query-pagination -->
 					</div>
 					<!-- /wp:group -->
 				</div>

kansei/templates/page.html

@@ -18,13 +18,17 @@
 
 			<!-- wp:column {"width":"60%"} -->
 			<div class="wp-block-column" style="flex-basis:60%">
-				<!-- wp:post-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
+				<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+				<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--80)">
+					<!-- wp:post-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
 
-				<!-- wp:spacer {"height":"50px"} -->
-				<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
-				<!-- /wp:spacer -->
+					<!-- wp:spacer {"height":"50px"} -->
+					<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+					<!-- /wp:spacer -->
 
-				<!-- wp:post-content /-->
+					<!-- wp:post-content {"layout":{"type":"default"}} /-->
+				</div>
+				<!-- /wp:group -->
 			</div>
 			<!-- /wp:column -->
 		</div>

kansei/templates/search.html

@@ -16,7 +16,11 @@
 				<div class="wp-block-column" style="flex-basis:40%">
 					<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
 					<div class="wp-block-group">
-						<!-- wp:pattern {"slug":"kansei/query-pagination"} /-->
+						<!-- wp:query-pagination {"paginationArrow":"arrow"} -->
+							<!-- wp:query-pagination-previous {"label":"Prev"} /-->
+
+							<!-- wp:query-pagination-next {"label":"Next"} /-->
+						<!-- /wp:query-pagination -->
 					</div>
 					<!-- /wp:group -->
 				</div>