Fix nested main element issue
This commit is contained in:
parent
046d53e885
commit
2234b14bbd
7 changed files with 101 additions and 97 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -68,7 +68,7 @@ production stylesheet in assets/built/screen.css
|
|||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.viewport > main {
|
||||
.site-content {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
|
|
|
@ -60,10 +60,10 @@
|
|||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="site-content">
|
||||
{{!-- All other templates get inserted here, index.hbs, post.hbs, etc --}}
|
||||
{{{body}}}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
{{!-- The global footer at the very bottom of the screen --}}
|
||||
<footer class="site-footer outer">
|
||||
|
|
6
page.hbs
6
page.hbs
|
@ -7,7 +7,8 @@ into the {body} tag of the default.hbs template --}}
|
|||
{{#post}}
|
||||
{{!-- Everything inside the #post block pulls data from the page --}}
|
||||
|
||||
<article class="article {{post_class}}">
|
||||
<main id="site-main" class="site-main">
|
||||
<article class="article {{post_class}}">
|
||||
|
||||
<header class="article-header gh-canvas">
|
||||
{{#if feature_image}}
|
||||
|
@ -38,6 +39,7 @@ into the {body} tag of the default.hbs template --}}
|
|||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
{{/post}}
|
6
post.hbs
6
post.hbs
|
@ -7,7 +7,8 @@ into the {body} tag of the default.hbs template --}}
|
|||
{{#post}}
|
||||
{{!-- Everything inside the #post block pulls data from the post --}}
|
||||
|
||||
<article class="article {{post_class}}">
|
||||
<main id="site-main" class="site-main">
|
||||
<article class="article {{post_class}}">
|
||||
|
||||
<header class="article-header gh-canvas">
|
||||
|
||||
|
@ -78,7 +79,8 @@ into the {body} tag of the default.hbs template --}}
|
|||
</section>
|
||||
--}}
|
||||
|
||||
</article>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
{{!-- A signup call to action is displayed here, unless viewed as a logged-in member --}}
|
||||
{{#unless @member}}
|
||||
|
|
4
tag.hbs
4
tag.hbs
|
@ -2,7 +2,7 @@
|
|||
{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
|
||||
|
||||
|
||||
<section class="outer">
|
||||
<main id="site-main" class="site-main outer">
|
||||
<div class="inner posts">
|
||||
<div class="post-feed">
|
||||
|
||||
|
@ -54,4 +54,4 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
|
Loading…
Reference in a new issue