Merge pull request #4360 from Automattic/seedlet-blocks-footer-fix

Seedlet blocks: fix broken footer
Automattic · Aug 19, 2021 · 73e02b3 · 73e02b3
2 parents 85249e6 + 67ffdd2
commit 73e02b3
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 16 deletions.
diff --git a/seedlet-blocks/assets/theme.css b/seedlet-blocks/assets/theme.css
diff --git a/seedlet-blocks/block-template-parts/footer.html b/seedlet-blocks/block-template-parts/footer.html
@@ -2,22 +2,18 @@
 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:group {"className":"footer-credit","layout":{"inherit":false}} -->
+<!-- wp:group {"className":"footer-credit","layout":{"type":"flex"}} -->
 <div class="wp-block-group footer-credit"><!-- wp:site-title {"level":0} /-->
 
-<!-- wp:paragraph -->
-<p>, </p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
-<p class="has-text-align-left has-small-font-size">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->
+	<!-- wp:paragraph -->
+	<p>, </p>
+	<!-- /wp:paragraph -->
+	
+	<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
+	<p class="has-text-align-left has-small-font-size">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
+	<!-- /wp:paragraph --></div>
+	<!-- /wp:group -->
 
 <!-- wp:spacer {"height":30} -->
 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
diff --git a/seedlet-blocks/block-templates/index.html b/seedlet-blocks/block-templates/index.html
@@ -18,4 +18,4 @@
 </div>
 <!-- /wp:query -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container","align":"full"} /-->
diff --git a/seedlet-blocks/sass/theme.scss b/seedlet-blocks/sass/theme.scss
@@ -31,9 +31,14 @@
 }
 
 .footer-credit {
-	display: flex;
 	font-family: var(--wp--preset--font-family--headings);
 	white-space: pre-wrap;
+	&[class*="wp-container-"] {
+		margin-left: auto !important;
+		margin-right: auto !important;
+		padding: 0;
+		column-gap: 0;
+	}
 }
 
 .footer-credit > * {