From c57c8dc347a024b51734f9bc5c8a348181b08754 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Tue, 4 Aug 2026 00:50:56 -0700 Subject: Park the send field above the phone keyboard; wizard whenever walletless MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The recipient candidate list was hiding under the on-screen keyboard: scroll the field to the top on focus and when fresh candidates land, give the list scroll room to get there, and let the keyboard resize the viewport (interactive-widget) so the scroll has somewhere to go. The wizard now shows whenever the device has no wallet — the one-time onboarded flag is gone; deleting every wallet brings the wizard back. Co-Authored-By: Claude Fable 5 --- src/style.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 2b9c969..89662c0 100644 --- a/src/style.css +++ b/src/style.css @@ -102,6 +102,13 @@ a { color: var(--accent-ink); text-decoration: none; } a:hover { text-decoration: underline; } summary { cursor: pointer; } +/* breathing room when an input is scrolled to the top for the keyboard */ +input { scroll-margin-top: 12px; } +/* room below the recipient candidates so the field can scroll to the top + even when the page would otherwise be too short (the margin sits under + the keyboard, never seen) */ +@media (pointer: coarse) { .send-suggest { margin-bottom: 45vh; } } + /* ---- layout helpers ---- */ .row { display: flex; align-items: center; gap: 10px; } .between { justify-content: space-between; } -- cgit v1.2.3