snipette/weflock
snipette/weflock
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix nested main element issue

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

2
assets/css/screen.css
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;
} }

4
default.hbs
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">

2
page.hbs
View file

@ -7,6 +7,7 @@ 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 --}}
<main id="site-main" class="site-main">
<article class="article {{post_class}}"> <article class="article {{post_class}}">
<header class="article-header gh-canvas"> <header class="article-header gh-canvas">
@ -39,5 +40,6 @@ into the {body} tag of the default.hbs template --}}
</section> </section>
</article> </article>
</main>
{{/post}} {{/post}}

2
post.hbs
View file

@ -7,6 +7,7 @@ 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 --}}
<main id="site-main" class="site-main">
<article class="article {{post_class}}"> <article class="article {{post_class}}">
<header class="article-header gh-canvas"> <header class="article-header gh-canvas">
@ -79,6 +80,7 @@ into the {body} tag of the default.hbs template --}}
--}} --}}
</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
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>