From 9e579d2cdd85d4f61008094b1b3fd8200cb7afab Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Sun, 12 Jul 2026 20:22:17 +0200
Subject: [PATCH] Revert "ef"

This reverts commit 1762687fc884b5dc88bde98abd0444d39e06fb1a.
---
 public/s/css/f0ckm.css |  6 -----
 public/s/js/f0ckm.js   | 60 ++++++++++++------------------------------
 2 files changed, 17 insertions(+), 49 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index 80d9b3b..c2362d2 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -7156,12 +7156,6 @@ button#togglebg {
   opacity: 0;
 }
 
-/* Quick fade-out for in-place grid reloads (logo click) — matches the 150ms JS setTimeout */
-.grid-fade-out {
-  opacity: 0 !important;
-  transition: opacity 0.15s ease-out !important;
-}
-
 .grid-transition.show {
   opacity: 1 !important;
   transition: opacity 0.3s ease-in-out;
diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index 1d1abe8..e3f4297 100644
--- a/public/s/js/f0ckm.js
+++ b/public/s/js/f0ckm.js
@@ -2379,15 +2379,7 @@ window.cancelAnimFrame = (function () {
     // Show loading indicator
     if (navbar) navbar.classList.add("pbwork");
 
-    // For same-grid reloads (e.g. logo click while already on a grid page), keep the current
-    // thumbs visible during the network fetch — fading out before data arrives causes a long
-    // blank-thumb period.  We'll do a quick fade at the point of DOM swap instead.
-    // For structural transitions (item view → grid, profile → grid, etc.) the existing
-    // pre-fade is fine because posts was already cleared or doesn't exist yet.
-    const _postsHasContent = posts && posts.children.length > 0;
-    const _isInPlaceGridReload = replace && _postsHasContent;
-
-    if (replace && posts && !_isInPlaceGridReload) {
+    if (replace && posts) {
       posts.classList.add('grid-transition');
       posts.classList.remove('show');
     }
@@ -2860,43 +2852,25 @@ window.cancelAnimFrame = (function () {
 
       if (data.success) {
     if (replace) {
-          if (_isInPlaceGridReload) {
-            // Same-grid reload: fade out current content, swap, fade back in.
-            // .grid-fade-out has a 150ms opacity transition — we wait for it then swap.
-            posts.classList.add('grid-fade-out');
-            const _doSwap = () => {
-              posts.classList.remove('grid-fade-out');
-              posts.classList.add('grid-transition');
-              posts.classList.remove('show');
-              posts.innerHTML = data.html;
-              window.updateVisitIndicators();
-              window.initLazyLoading();
-              window.scrollTo(0, 0);
-              requestAnimationFrame(() => posts.classList.add('show'));
-            };
-            // Wait for the .grid-fade-out transition (150ms in CSS)
-            setTimeout(_doSwap, 160);
-          } else {
-            // Structural transition: content is already blank/replaced, just inject and show
-            posts.innerHTML = data.html;
-            window.updateVisitIndicators();
-            window.initLazyLoading();
+          // Atomic replacement to prevent "jumping"
+          posts.innerHTML = data.html;
+          window.updateVisitIndicators();
+          window.initLazyLoading();
 
-            // Handle Scroll Position (Restore or Reset)
-            if (options.skipPush && history.state && history.state.scroll !== undefined) {
-               // Back/Forward Navigation: Restore saved scroll position
-               requestAnimationFrame(() => window.scrollTo(0, history.state.scroll));
-            } else if (replace) {
-               // New Navigation: Reset to top
-               window.scrollTo(0, 0);
-            }
-
-            // Trigger fade-in
-            requestAnimationFrame(() => {
-              posts.classList.add('show');
-            });
+          // Handle Scroll Position (Restore or Reset)
+          if (options.skipPush && history.state && history.state.scroll !== undefined) {
+             // Back/Forward Navigation: Restore saved scroll position
+             requestAnimationFrame(() => window.scrollTo(0, history.state.scroll));
+          } else if (replace) {
+             // New Navigation: Reset to top
+             window.scrollTo(0, 0);
           }
 
+          // Trigger fade-in
+          requestAnimationFrame(() => {
+            posts.classList.add('show');
+          });
+
           // Update header (h2) for tags/users
           const container = document.querySelector('.index-container');
           if (container && data.titleHtml !== undefined) {