From e7ee1698bda79b6086c8611223b4abd77be9dc65 Mon Sep 17 00:00:00 2001 From: Daniel Maksymilian Syrnicki Date: Mon, 20 Apr 2026 13:41:33 +0200 Subject: [PATCH] fix(ui): stop SHA-256 fingerprint overflowing the Local HTTPS card MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The /settings "CA fingerprint (SHA-256)" value is a 95-char colon- separated hex string with no whitespace, so CSS had no valid break points and the value pushed past the card's right edge — visible on the 192.168.178.23 fresh-install test. .kv is a two-column grid (max-content 1fr); grid items default to min-width: auto (= content width), which overrides the 1fr track's width constraint. min-width: 0 lets the track shrink, and overflow-wrap: anywhere gives the fingerprint valid break points at any character. The styling stays scoped to .kv dd so card prose isn't affected. Verified live on .23 via hot-patch into /opt/furtka/current/assets/ www/style.css + caddy reload. Co-Authored-By: Claude Opus 4.7 (1M context) --- assets/www/style.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/assets/www/style.css b/assets/www/style.css index 3244093..4aa1671 100644 --- a/assets/www/style.css +++ b/assets/www/style.css @@ -365,7 +365,18 @@ details.log-details[open] > summary { color: var(--fg); } font-size: 0.95rem; } .kv dt { color: var(--muted); } -.kv dd { margin: 0; color: var(--fg); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; } +.kv dd { + margin: 0; + color: var(--fg); + font-family: ui-monospace, SFMono-Regular, Menlo, monospace; + /* Grid items default to min-width: auto (= content width), so a long + unbreakable value like a SHA-256 fingerprint would push past the + card. min-width: 0 lets the 1fr track enforce the column width, and + overflow-wrap: anywhere gives the colon-separated hex string valid + break opportunities. */ + min-width: 0; + overflow-wrap: anywhere; +} .coming { display: flex;