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

aa3b65e082df60145266e2db121393b6fa06b702 · 2026-08-04 12:34:52 -0700 · steve

Files touched

M public/index.html

Diff

commit aa3b65e082df60145266e2db121393b6fa06b702
Author: steve <steve@designerwallcoverings.com>
Date:   Tue Aug 4 12:34:52 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 7c5567d..6020ddb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -110,7 +110,7 @@
   .pill{ font-size:10px; font-weight:700; padding:3px 8px; border-radius:20px; }
   .pill.gap{ background:var(--gap); color:#fff; } .pill.covered{ background:#e6ede7; color:var(--accent); }
   .bars{ display:inline-block; height:8px; border-radius:4px; background:var(--accent); vertical-align:middle; }
-  #sentinel{ height:40px; } .loading{ text-align:center; color:var(--muted); font-size:12px; padding:20px; }
+  #sentinel{ height:40px; } .loading{ text-align:center; color:var(--muted); font-size:12px; padding:20px; 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 }
   @media(max-width:820px){ .layout{ grid-template-columns:1fr; } aside{ position:static; height:auto; border-right:none; border-bottom:1px solid var(--line); } }
 </style>
 </head>