[object Object]

← back to Retrowalls

Phase 2b: harden .card .pat against long-token title clipping (overflow-wrap)

c0aa94cd51afdebfab99008d5778ac7a934daa4d · 2026-05-19 12:14:39 -0700 · Steve Abrams

Files touched

Diff

commit c0aa94cd51afdebfab99008d5778ac7a934daa4d
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue May 19 12:14:39 2026 -0700

    Phase 2b: harden .card .pat against long-token title clipping (overflow-wrap)
---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index a567209..94d4c18 100644
--- a/public/index.html
+++ b/public/index.html
@@ -124,7 +124,7 @@ header { position:fixed; top:0; left:0; right:0; display:flex; justify-content:s
 .card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s ease }
 .card .overlay { position:absolute; left:0; right:0; bottom:0; padding:20px 16px 14px; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); transform:translateY(48%); opacity:0.85; transition:transform 0.3s ease, opacity 0.3s ease }
 .card:hover .overlay, .card.revealed .overlay { transform:translateY(0); opacity:1 }
-.card .pat { font-size:13px; font-weight:600; letter-spacing:0.02em; color:#fff; line-height:1.25; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
+.card .pat { font-size:13px; font-weight:600; letter-spacing:0.02em; color:#fff; line-height:1.25; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere }
 .card .ven { font-size:9px; letter-spacing:0.18em; text-transform:uppercase; color:#fff; opacity:0.7; font-weight:500; margin-top:4px }
 .card .actions { margin-top:10px; display:flex; gap:6px }
 .card .sample-btn { flex:1; padding:7px 10px; background:#fff; color:#000; font-family:inherit; font-size:10px; letter-spacing:0.22em; text-transform:uppercase; font-weight:700; border:0; cursor:pointer; text-align:center; transition:all 0.2s }

← 41252b2 Phase 2: mobile-ready + tap-to-reveal  ·  back to Retrowalls  ·  fix(api): /api/facets total counts the served niche list, no f782674 →