hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent navbar from obfuscating post banner on mobile (fixes #61)

Browse Source
This commit is contained in:
daudix
2024-08-25 01:37:00 +03:00
parent 7808d906f1
commit 813f0cdf68
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
sass/_article.scss
View File

@ -18,8 +18,18 @@
transition: none; transition: none;
margin: 0; margin: 0;
} }
& + h1 {
margin-block-start: 35vw;
} }
.banner-margin { @media only screen and (max-width: 480px) {
margin-top: 35vw; body:has(&) #site-nav {
margin-block-start: 50vw;
}
& + h1 {
margin-block-start: 2rem;
}
}
} }

2
templates/article.html
View File

@ -11,7 +11,7 @@
</div> </div>
{%- endif -%} {%- endif -%}
<h1 {% if page.extra.banner %}class="banner-margin"{%- endif -%}>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
{%- if page.date -%} {%- if page.date -%}
<small> <small>