pre-paint hydration for density slider — set --cols from localStorage in head IIFE (no flash)

f6da5c6cbece0de6b813cddd40589163386d649c · 2026-05-25 21:17:43 -0700 · Steve

Files touched

M public/index.html

Diff

commit f6da5c6cbece0de6b813cddd40589163386d649c
Author: Steve <steve@designerwallcoverings.com>
Date:   Mon May 25 21:17:43 2026 -0700

    pre-paint hydration for density slider — set --cols from localStorage in head IIFE (no flash)
---
 public/index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/index.html b/public/index.html
index 656504b..112bf2a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -192,6 +192,9 @@ textarea:focus-visible,
 </style>
 <script>
 (function(){ try { var t = localStorage.getItem('madagascar_theme') || 'light'; document.documentElement.dataset.theme = t; } catch(e){} })();
+// DW STANDARD: hydrate density BEFORE first paint so the grid renders at the
+// user's saved column count (no flash from default 6 → saved N).
+(function(){ try { var d = parseInt(localStorage.getItem('madagascar_theme_density') || '6', 10); if (d >= 4 && d <= 12) document.documentElement.style.setProperty('--cols', d); } catch(e){} })();
 </script>
 
 <meta property="og:type" content="website">

← 7955e28 remove p.vendor render on rail cards — replace with 'Designe · back to Madagascarwallpaper · site.config rails: align with actual catalog buckets (textur 84375b9 →