[object Object]

← back to CelebritySignatures

Gallery layout: names always visible below the details chip (chip stays hover-revealed above)

21c7deaefba0cce2cea5f4bfc3c574e115164a9e · 2026-08-03 12:41:07 -0700 · Steve Abrams

Files touched

Diff

commit 21c7deaefba0cce2cea5f4bfc3c574e115164a9e
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Aug 3 12:41:07 2026 -0700

    Gallery layout: names always visible below the details chip (chip stays hover-revealed above)
---
 public/index.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 407a000..b4a978b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -77,11 +77,12 @@
   @media (hover: none) { .info-chip { opacity:1; transform:none; pointer-events:auto; } }
   /* ── 6 shopping layouts — signature only; ALL info reveals on hover ──
      switched via body[data-layout]; persisted in prefs.layout */
-  /* L1 gallery (refined default): name+chip hidden until hover */
+  /* L1 gallery (refined default): name always visible, shown BELOW the details chip */
   body[data-layout] .meta .name { transition:opacity .18s ease, transform .18s ease; }
-  body[data-layout="gallery"] .meta .name,
+  body[data-layout="gallery"] .meta { flex-direction:column; }
+  body[data-layout="gallery"] .meta .info-chip { order:1; align-self:flex-start; }
+  body[data-layout="gallery"] .meta .name { order:2; margin-top:4px; }
   body[data-layout="float"] .meta .name { opacity:0; transform:translateY(3px); }
-  body[data-layout="gallery"] .card:hover .name, body[data-layout="gallery"] .card:focus-within .name,
   body[data-layout="float"] .card:hover .name, body[data-layout="float"] .card:focus-within .name { opacity:1; transform:none; }
   /* L2 float: no chrome at all — ink floating on cream */
   body[data-layout="float"] .card { background:transparent; border:none; box-shadow:none; }

← d1e7283 6 switchable shopping layouts (View chips), all info-on-hove  ·  back to CelebritySignatures  ·  popup: center name/life/badges under the signature; FIX brok 14e7071 →