← 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 →