diff --git a/web/zebra-spaces.html b/web/zebra-spaces.html index 7b63167..441b6a1 100644 --- a/web/zebra-spaces.html +++ b/web/zebra-spaces.html @@ -515,6 +515,17 @@ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; word-break: break-all; line-height: 1.3; } + /* full pubkey in the identity panel — same monospace + word-break as + * room rows, slightly bumped readability since this is the one place + * the user is meant to copy their own key for backup. Selectable + * by default. */ + .pub-full { + font-size: 0.75rem; color: #555; + font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; + word-break: break-all; line-height: 1.3; + user-select: all; + } + html.theme-dark .pub-full { color: #aaa; } .raised { color: #b00; font-weight: bold; } .mic { width: 18px; height: 18px; } .mic svg { width: 18px; height: 18px; display: block; } @@ -634,7 +645,9 @@ try {
- +
+
+
@@ -1404,7 +1417,10 @@ function setVaultStatus(msg, cls){ const e=$('vault-status'); e.textContent=msg; e.className='status-line'+(cls?' '+cls:''); $('vault-dot').className='dot'+(cls==='ok'?' ok':cls==='err'?' warn':''); } -function renderIdentity(){ $('pub-short').textContent = myKeys ? shortHex(myKeys.pubHex) : ''; } +function renderIdentity(){ + const el = $('pub-full'); + if (el) el.textContent = myKeys ? myKeys.pubHex : ''; +} $('btn-vault').addEventListener('click', () => $('vault-panel').classList.toggle('hidden')); @@ -3797,8 +3813,8 @@ logLine('', 'ready — pick a handle, type a rendezvous code, enter the space');