diff options
| author | Adam Soltys <[email protected]> | 2026-08-04 01:41:07 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2026-08-04 01:41:07 -0700 |
| commit | df68232a38120c0d67d05c441407b0267c47d44c (patch) | |
| tree | fc901c4d5402aafbf6e84422a438a3e0b749df03 /src/style.css | |
| parent | 6a7f57c8e0b9c3d2339f8258ff2e349533daaccc (diff) | |
| download | coinosv3-df68232a38120c0d67d05c441407b0267c47d44c.tar.gz coinosv3-df68232a38120c0d67d05c441407b0267c47d44c.zip | |
Copy joins the pencil inside the address box
Co-Authored-By: Claude Fable 5 <[email protected]>
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/src/style.css b/src/style.css index caef890..264b85e 100644 --- a/src/style.css +++ b/src/style.css @@ -210,15 +210,18 @@ 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; +/* quiet edit/copy affordances living inside the address box */ +.addr-editable { position: relative; padding-right: 62px; } +.addr-actions { + position: absolute; right: 4px; top: 50%; transform: translateY(-50%); + display: flex; align-items: center; +} +.addr-actions button { + background: none; border: none; box-shadow: none; padding: 5px; line-height: 0; color: var(--muted); cursor: pointer; } -.addr-edit:hover { color: var(--ink); background: none; } -.addr-edit:active { transform: translateY(-50%); } +.addr-actions button:hover { color: var(--ink); background: none; } +.addr-actions button:active { transform: none; } .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; } |