From 8bfec51dd0eb8a4935ad62ce444f1d9d67c8105c Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Tue, 4 Aug 2026 01:32:31 -0700 Subject: A quieter pen inside the address box; the header avatar stops flashing MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The avatar img was recreated on every render — boot's render bursts made it flash; there is exactly one header avatar, so the node is reused until the profile actually changes. Co-Authored-By: Claude Fable 5 --- src/style.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 89662c0..caef890 100644 --- a/src/style.css +++ b/src/style.css @@ -210,6 +210,15 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si font-family: var(--mono); font-size: 15px; color: var(--ink); background: var(--surface2); border: 1px dashed var(--line-strong); border-radius: 11px; padding: 12px 14px; word-break: break-all; text-align: center; } +/* a quiet edit affordance living inside the address box */ +.addr-editable { position: relative; padding-right: 34px; } +.addr-edit { + position: absolute; right: 6px; top: 50%; transform: translateY(-50%); + background: none; border: none; box-shadow: none; padding: 6px; line-height: 0; + color: var(--muted); cursor: pointer; +} +.addr-edit:hover { color: var(--ink); background: none; } +.addr-edit:active { transform: translateY(-50%); } .path { font-family: var(--mono); font-size: 12px; color: var(--faint); } .addr-check { font-family: var(--mono); font-size: 12px; line-height: 1.5; color: var(--muted); word-break: break-all; padding: 0 2px; } .addr-check .hl { color: var(--ink); font-weight: 700; } -- cgit v1.2.3