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
+1 -1
View File
@@ -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;
} }
+2 -2
View File
@@ -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">
+4 -2
View File
@@ -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}}
+4 -2
View File
@@ -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}}
+2 -2
View File
@@ -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>