michael/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-01-22 22:45:42 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #821 from nunocoracao/820-toc-moves-out-of-the-screen-because-of-related-articles

Browse source 
🎨 TOC moves out of the screen because of related articles
This commit is contained in:
Nuno Coração 2023-07-14 10:28:53 +01:00 committed by GitHub
commit 134d9c1179
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/compiled/main.css
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;
} }

20
layouts/_default/single.html
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" . }}
{{ .Content | emojify }}
</br></br> <div class="max-w-prose mb-20">
{{ .Content | emojify }}
</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" }}