Fix/quadrat main element (#4225)

* Removed the now defunct 'page-content' class. (It's purpose is now being fulfilled by anything 'inheriting layout')
* Added (or converted) <main> elements to all page templates.
* Remove extraeneous closing div tag.
Co-authored-by: Jeff Ong <jonger4@gmail.com>
This commit is contained in:
Jason Crist 2021-07-14 14:50:08 -04:00 committed by GitHub
parent dd4f57dbfe
commit 422ed7a51f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 25 additions and 27 deletions

View file

@ -721,11 +721,6 @@ textarea:focus {
margin-top: 0;
}
.page-content {
padding-left: var(--wp--custom--post-content--padding--left);
padding-right: var(--wp--custom--post-content--padding--right);
}
.post-meta {
align-items: center;
justify-content: center;

View file

@ -1,7 +1,7 @@
<!-- wp:template-part {"slug":"header"} /-->
<!-- wp:group {"layout":{"inherit":true}, "className":"page-content"} -->
<div class="wp-block-group page-content">
<!-- wp:group {"layout":{"inherit":true}, "tagName":"main"} -->
<main class="wp-block-group">
<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"large"} -->
<h1 class="has-text-align-center has-large-font-size">Oops! That page cant be found.</h1>
@ -12,7 +12,7 @@
<!-- /wp:paragraph -->
<!-- wp:search {"label":"","buttonText":"Search"} /-->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

View file

@ -4,6 +4,10 @@
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-content {"layout":{"inherit":true}} /-->
<!-- wp:group {"tagName":"main"} -->
<main class="wp-block-group">
<!-- wp:post-content {"layout":{"inherit":true}} /-->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

View file

@ -1,7 +1,7 @@
<!-- wp:template-part {"slug":"header"} /-->
<!-- wp:query {"className":"page-content","tagName":"main","layout":{"inherit":true},"queryId":1,"query":{"perPage":5,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true}} -->
<main class="wp-block-query page-content">
<!-- wp:query {"tagName":"main","layout":{"inherit":true},"queryId":1,"query":{"perPage":5,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true}} -->
<main class="wp-block-query">
<!-- wp:post-template -->
<!-- wp:post-date {"fontSize":"tiny","textAlign":"center"} /-->
<!-- wp:post-title {"isLink":true, "level": 3, "textAlign":"center"} /-->

View file

@ -14,6 +14,10 @@
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-content {"layout":{"inherit":true}} /-->
<!-- wp:group {"tagName":"main"} -->
<main class="wp-block-group">
<!-- wp:post-content {"layout":{"inherit":true}} /-->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

View file

@ -1,7 +1,7 @@
<!-- wp:template-part {"slug":"header"} /-->
<!-- wp:group {"layout":{"inherit":true}, "className":"page-content"} -->
<div class="wp-block-group page-content">
<!-- wp:group {"layout":{"inherit":true}, "tagName":"main"} -->
<main class="wp-block-group">
<!-- wp:heading -->
<h2>Results:</h2>
@ -16,7 +16,7 @@
<!-- /wp:query-loop -->
<!-- /wp:query -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

View file

@ -1,7 +1,7 @@
<!-- wp:template-part {"slug":"header"} /-->
<!-- wp:group {"className":"post-header"} -->
<div class="wp-block-group post-header">
<!-- wp:group {"className":"post-header", "tagName":"main"} -->
<main class="wp-block-group post-header">
<!-- wp:group {"className":"post-meta"} -->
<div class="wp-block-group post-meta">
@ -25,9 +25,6 @@
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
<!-- wp:post-content {"layout":{"inherit":true}} /-->
<!-- wp:spacer {"height":150} -->
@ -57,4 +54,7 @@
</div>
<!-- /wp:group -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->

View file

@ -1,8 +1,3 @@
.wp-block-post-featured-image {
margin-top: 0;
}
.page-content {
padding-left: var(--wp--custom--post-content--padding--left);
padding-right: var(--wp--custom--post-content--padding--right);
}