23 lines
1.5 KiB
Markdown
23 lines
1.5 KiB
Markdown
---
|
|
created: 2026-07-30T22:19:31.770Z
|
|
title: Onboarding tickbox hidden below fold on short screens — make it beautifully obvious
|
|
area: ui
|
|
severity: blocker
|
|
files:
|
|
- neode-ui/src/views/OnboardingSeedGenerate.vue
|
|
- neode-ui/src/views/OnboardingWrapper.vue
|
|
---
|
|
|
|
## Problem
|
|
|
|
Dorian reports (2026-07-30): on shorter screens, the onboarding screen's tickbox (the seed-phrase confirmation checkbox in `OnboardingSeedGenerate.vue` — verify it's this step) sits below the fold inside a scrollable area, and it's not obvious it exists — users don't realize they need to scroll to find it, so onboarding appears stuck. Blocker: this stalls new-user onboarding on small displays.
|
|
|
|
## Solution
|
|
|
|
Make its presence obvious "in a beautiful way" (Dorian's words — design discretion, but it must feel intentional and match the house glass/dark style, not a bolted-on arrow). Candidate approaches to evaluate:
|
|
- A soft bottom scroll-affordance: gradient fade at the container's bottom edge plus a subtle animated chevron/pulse when unscrolled content remains, disappearing once the tickbox is in view.
|
|
- Or make the tickbox + continue button a sticky footer of the card on short viewports so it's always visible, with the seed content scrolling behind it.
|
|
- Or auto-scroll/nudge the container after the seed is revealed.
|
|
|
|
Constraints: follow the standing rule — don't alter the existing onboarding look beyond this affordance; keep desktop/tall-screen appearance unchanged; whatever ships must be verified on an actual short viewport (e.g. small laptop / mobile landscape).
|