Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust changelogs layout

This commit is contained in:
Helen Chong 2024-05-22 14:11:20 +08:00
parent e605e8685b
commit 3e8950bf55
4 changed files with 18 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/_includes/global/pagination-oldnew.njk
View File

@ -56,7 +56,7 @@
.pagination__wrapper { .pagination__wrapper {
display: grid; display: grid;
place-content: center; place-content: center;
margin-top: 1.5em; margin-top: 3em;
} }
.pagination { .pagination {

22
src/_includes/main/changelogs-list.njk
View File

@ -1,15 +1,7 @@
<article> {% for log in changelogList | reverse %}
{% for log in changelogList | reverse %} <div class="heading-wrapper h2">
<div class="heading-wrapper h2"> <h2 id="{{ log.fileSlug }}">{{ log.date | formatDate }}</h2>
<h2 id="{{ log.fileSlug }}">{{ log.date | formatDate }}</h2> <a class="heading-anchor" href="#{{ log.fileSlug }}" aria-labelledby="{{ log.fileSlug }}"><span hidden="">#</span></a>
<a class="heading-anchor" href="#{{ log.fileSlug }}" aria-labelledby="{{ log.fileSlug }}"><span hidden="">#</span></a> </div>
</div> {{ log.templateContent | safe }}
{{ log.templateContent | safe }} {%- endfor %}
{%- endfor %}
</article>
<style>
.heading-wrapper + ul {
margin: 0.3em 0 3em 0;
}
</style>

5
src/assets/css/general.css
View File

@ -41,6 +41,11 @@ h3:has(+ *[class]:not(.heading-anchor)), .h3:has(+ *[class]) {
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
* + h2,
* + h3 {
margin-top: 1.5em;
}
hr { hr {
border: 0.05rem solid var(--clr-title-border); border: 0.05rem solid var(--clr-title-border);
} }

22
src/changelogs/changelogs.njk
View File

@ -16,22 +16,10 @@ eleventyNavigation:
order: 9 order: 9
--- ---
<article> <h2>Latest Changelogs</h2>
<h2>Latest Changelogs</h2> {% for log in changelogs %}
{% for log in changelogs %} <h3 class="date-style">{{ log.data.date | formatDate }}</h3>
<h3 class="date-style">{{ log.data.date | formatDate }}</h3> {{ log.templateContent | safe }}
{{ log.templateContent | safe }} {%- endfor %}
{%- endfor %}
</article>
{% include "global/pagination-oldnew.njk" %} {% include "global/pagination-oldnew.njk" %}
<style>
h2 + h3 {
margin-top: 1.5em;
}
h3 + ul {
margin-bottom: 3em;
}
</style>