fix(ui): stop SHA-256 fingerprint overflowing the Local HTTPS card
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) <noreply@anthropic.com>
This commit is contained in:
parent
54357aa2a3
commit
e7ee1698bd
1 changed files with 12 additions and 1 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue