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;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewport > main {
|
.site-content {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -60,10 +60,10 @@
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main>
|
<div class="site-content">
|
||||||
{{!-- All other templates get inserted here, index.hbs, post.hbs, etc --}}
|
{{!-- All other templates get inserted here, index.hbs, post.hbs, etc --}}
|
||||||
{{{body}}}
|
{{{body}}}
|
||||||
</main>
|
</div>
|
||||||
|
|
||||||
{{!-- The global footer at the very bottom of the screen --}}
|
{{!-- The global footer at the very bottom of the screen --}}
|
||||||
<footer class="site-footer outer">
|
<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}}
|
{{#post}}
|
||||||
{{!-- Everything inside the #post block pulls data from the page --}}
|
{{!-- 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">
|
<header class="article-header gh-canvas">
|
||||||
{{#if feature_image}}
|
{{#if feature_image}}
|
||||||
|
@ -38,6 +39,7 @@ into the {body} tag of the default.hbs template --}}
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
</main>
|
||||||
|
|
||||||
{{/post}}
|
{{/post}}
|
6
post.hbs
6
post.hbs
|
@ -7,7 +7,8 @@ into the {body} tag of the default.hbs template --}}
|
||||||
{{#post}}
|
{{#post}}
|
||||||
{{!-- Everything inside the #post block pulls data from the 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">
|
<header class="article-header gh-canvas">
|
||||||
|
|
||||||
|
@ -78,7 +79,8 @@ into the {body} tag of the default.hbs template --}}
|
||||||
</section>
|
</section>
|
||||||
--}}
|
--}}
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
</main>
|
||||||
|
|
||||||
{{!-- A signup call to action is displayed here, unless viewed as a logged-in member --}}
|
{{!-- A signup call to action is displayed here, unless viewed as a logged-in member --}}
|
||||||
{{#unless @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 --}}
|
{{!-- 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="inner posts">
|
||||||
<div class="post-feed">
|
<div class="post-feed">
|
||||||
|
|
||||||
|
@ -54,4 +54,4 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</main>
|
||||||
|
|
Loading…
Reference in a new issue