Fix nested main element issue

This commit is contained in:
Sodbileg Gansukh 2021-09-22 15:24:17 +08:00
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

View file

@ -68,7 +68,7 @@ production stylesheet in assets/built/screen.css
min-height: 100vh;
}
.viewport > main {
.site-content {
flex-grow: 1;
}

View file

@ -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">

View file

@ -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}}

View file

@ -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}}

View file

@ -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>