fix: take infinite-scroll .loading indicator out of flow (kills ~0.3-0.4 CLS scroll-jump)

d2118398b5ead9b7ca763b44cf0a5a40429ee7dc · 2026-08-04 12:34:51 -0700 · steve

Files touched

M public/index.html

Diff

commit d2118398b5ead9b7ca763b44cf0a5a40429ee7dc
Author: steve <steve@designerwallcoverings.com>
Date:   Tue Aug 4 12:34:51 2026 -0700

    fix: take infinite-scroll .loading indicator out of flow (kills ~0.3-0.4 CLS scroll-jump)
---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index b808c1d..3fe5776 100644
--- a/public/index.html
+++ b/public/index.html
@@ -41,7 +41,7 @@
   .line-badge a.drill { border-bottom:none; }
   .more { text-align:center; margin:22px 0; }
   .more button { background:#22304a; color:#fff; border:1px solid var(--accent); border-radius:8px; padding:9px 22px; cursor:pointer; font-size:13px; }
-  .loading { color:var(--mut); text-align:center; padding:30px; }
+  .loading { color:var(--mut); text-align:center; padding:30px; position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:auto;margin:0;padding:10px 20px;background:rgba(255,255,255,.92);border:1px solid var(--line,#e5e2dc);border-radius:999px;box-shadow:0 2px 12px rgba(0,0,0,.1);z-index:60;pointer-events:none }
   /* ---- tabs ---- */
   .tabs { display:flex; gap:6px; margin-bottom:10px; }
   .tab { cursor:pointer; border:1px solid var(--line); background:#1b1f28; color:var(--mut); padding:6px 16px; border-radius:8px; font-size:13px; font-weight:600; }

← 68085d6 dw-staged-active-viewer: adopt href-to-deeper-data primitive · back to Dw Staged Active Viewer · dw-staged-active-snapshot: retry transient blips + post-push 96f279a →