This commit is contained in:
2026-07-16 18:14:32 +02:00
parent 360dc1db06
commit fc237ab71a
4 changed files with 35 additions and 3 deletions

View File

@@ -41,6 +41,9 @@ class CommentSystem {
};
// Restore visibility state
// The body class 'sidebar-left-hidden' is already set by the blocking
// inline script in header.html (prevents flash). Here we sync the
// container-level class and display state to match.
if (this.container) {
const isHidden = localStorage.getItem('comments_hidden') === 'true';
// Force show if hash is present
@@ -48,9 +51,13 @@ class CommentSystem {
this.container.classList.remove('faded-out');
this.container.style.display = 'block';
localStorage.setItem('comments_hidden', 'false');
document.body.classList.remove('sidebar-left-hidden');
const layout = this.container.closest('.item-layout-container');
if (layout) layout.classList.remove('sidebar-hidden');
} else if (isHidden) {
this.container.classList.add('faded-out');
this.container.style.display = 'none';
document.body.classList.add('sidebar-left-hidden');
const layout = this.container.closest('.item-layout-container');
if (layout) layout.classList.add('sidebar-hidden');
}
@@ -3784,6 +3791,7 @@ class CommentSystem {
if (isHidden) {
// SHOW: expand grid first, then slide content in
if (layout) layout.classList.remove('sidebar-hidden');
document.body.classList.remove('sidebar-left-hidden');
this.container.style.display = '';
localStorage.setItem('comments_hidden', 'false');
void this.container.offsetWidth; // force reflow so transition fires
@@ -3798,6 +3806,7 @@ class CommentSystem {
if (!this.container.classList.contains('faded-out')) return;
this.container.style.display = 'none';
if (layout) layout.classList.add('sidebar-hidden');
document.body.classList.add('sidebar-left-hidden');
}, 300);
}
}

View File

@@ -6618,6 +6618,7 @@ window.cancelAnimFrame = (function () {
sb.style.setProperty('transition', 'none', 'important');
if (isHidden) {
layout.classList.remove('sidebar-hidden');
document.body.classList.remove('sidebar-left-hidden');
sb.style.display = '';
sb.querySelectorAll('.faded-out').forEach(el => el.classList.remove('faded-out'));
const c = sb.querySelector('#comments-container');
@@ -6643,11 +6644,13 @@ window.cancelAnimFrame = (function () {
if (shouldOpen) {
sb.style.removeProperty('transform');
localStorage.setItem('comments_hidden', 'false');
document.body.classList.remove('sidebar-left-hidden');
} else {
// Hide BEFORE removing transform to prevent snap-back flash
sb.style.display = 'none';
layout.classList.add('sidebar-hidden');
localStorage.setItem('comments_hidden', 'true');
document.body.classList.add('sidebar-left-hidden');
sb.style.removeProperty('transform');
}
requestAnimationFrame(() => syncLeftEdgeZone());