🎨 TOC moves out of the screen because of related articles

This commit is contained in:
Nuno Coração 2023-07-14 10:28:26 +01:00
parent 7a40cfdb11
commit ada2b2c99b
2 changed files with 16 additions and 8 deletions

View file

@ -1609,6 +1609,10 @@ select {
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
} }
.mb-20 {
margin-bottom: 5rem;
}
.mb-3 { .mb-3 {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }

View file

@ -58,7 +58,9 @@
{{ end }} {{ end }}
</header> </header>
<section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row"> <section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
{{ if or (and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in {{ if or (and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in
.TableOfContents "<ul")) (.Site.Params.article.showRelatedPosts | default false) }} <div .TableOfContents "<ul")) (.Site.Params.article.showRelatedPosts | default false) }} <div
class="order-first sm:max-w-prose lg:ml-auto px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8"> class="order-first sm:max-w-prose lg:ml-auto px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8">
@ -70,11 +72,18 @@
default false }} sd {{ end }} </div> default false }} sd {{ end }} </div>
</div> </div>
{{ end }} {{ end }}
<div class="min-w-0 min-h-0 max-w-prose">
<div class="min-w-0 min-h-0 max-w-fit">
{{ partial "series.html" . }} {{ partial "series.html" . }}
<div class="max-w-prose mb-20">
{{ .Content | emojify }} {{ .Content | emojify }}
</br></br> </div>
{{ partial "series-closed.html" . }} {{ partial "series-closed.html" . }}
{{ partial "sharing-links.html" . }}
{{ partial "related.html" . }}
</div> </div>
<script> <script>
@ -88,11 +97,6 @@
</section> </section>
<footer class="pt-8 max-w-prose print:hidden"> <footer class="pt-8 max-w-prose print:hidden">
{{ partial "sharing-links.html" . }}
{{ partial "related.html" . }}
{{ partial "article-pagination.html" . }} {{ partial "article-pagination.html" . }}
{{ if .Params.showComments | default (.Site.Params.article.showComments | default false) }} {{ if .Params.showComments | default (.Site.Params.article.showComments | default false) }}
{{ if templates.Exists "partials/comments.html" }} {{ if templates.Exists "partials/comments.html" }}