[object Object]

← back to 1800swallpaper

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

4556f47e821878da6b38c22ce401b84e00661bd3 · 2026-05-19 12:14:34 -0700 · SteveStudio2

Files touched

Diff

commit 4556f47e821878da6b38c22ce401b84e00661bd3
Author: SteveStudio2 <steve@designerwallcoverings.com>
Date:   Tue May 19 12:14:34 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 28b5b00..0526ccd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -111,7 +111,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 }

← b34fcb5 fix: null-guard dead #theme-toggle reference (clean console  ·  back to 1800swallpaper  ·  gitignore: broaden snapshot patterns and clear stale bak/pre 36ffded →