🐛Fix zen mode footer line bug

This commit is contained in:
Corey Todaro 2025-02-25 10:27:12 -06:00
parent 96a116a8b0
commit 4c44b67fe6
2 changed files with 6 additions and 1 deletions

View file

@ -5,6 +5,7 @@ function _toogleZenMode(zendModeButton) {
const tocInside = document.querySelector('.toc-inside'); const tocInside = document.querySelector('.toc-inside');
const articleContent = document.querySelector('.article-content'); const articleContent = document.querySelector('.article-content');
const header = document.querySelector('#single_header'); const header = document.querySelector('#single_header');
const footer = document.querySelector(''#single_footer''); // Add footer ref for class transformation
// Add semantic class into body tag // Add semantic class into body tag
@ -23,6 +24,10 @@ function _toogleZenMode(zendModeButton) {
// Change width of article title // Change width of article title
header.classList.toggle('max-w-full'); header.classList.toggle('max-w-full');
header.classList.toggle('max-w-prose'); header.classList.toggle('max-w-prose');
// Change width of article footer
header.classList.toggle('max-w-full');
header.classList.toggle('max-w-prose');
// Read i18n title from data-attributes // Read i18n title from data-attributes
const titleI18nDisable = zendModeButton.getAttribute('data-title-i18n-disable'); const titleI18nDisable = zendModeButton.getAttribute('data-title-i18n-disable');

View file

@ -141,7 +141,7 @@
{{ end }} {{ end }}
</section> </section>
<footer class="pt-8 max-w-prose print:hidden"> <footer id="single_footer" class="pt-8 max-w-prose print:hidden">
{{ 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) }}