Skip to content

fix: align top bar arrow and passphrase with ios#906

Open
jvsena42 wants to merge 3 commits intomasterfrom
fix/create-wallet-passphrase-polish
Open

fix: align top bar arrow and passphrase with ios#906
jvsena42 wants to merge 3 commits intomasterfrom
fix/create-wallet-passphrase-polish

Conversation

@jvsena42
Copy link
Copy Markdown
Member

@jvsena42 jvsena42 commented Apr 23, 2026

This PR:

  1. Replaces the Material3 AutoMirrored back arrow with a custom ic_arrow_left drawable in AppTopBar, matching the iOS arrow glyph
  2. Adds brand orange (#FF4400) cursor color to the shared text field defaults, aligning every text field with the iOS brandAccent tint
  3. Swaps the raw OutlinedTextField on the Create Wallet With Passphrase screen for the shared TextInput wrapper so the placeholder renders in Inter Tight Semi-Bold + White64 like iOS

Description

  • The back arrow was Material's Icons.AutoMirrored.Default.ArrowBack. The new vector drawable matches the line/chevron proportions used on iOS across every screen that mounts AppTopBar.
  • The passphrase screen was the only onboarding field still calling OutlinedTextField directly. Swapping to TextInput is consistent with the Restore Wallet passphrase/mnemonic inputs, and picks up Inter Tight Semi-Bold + White64 placeholder styling automatically.
  • The cursor color change is applied at the shared-defaults level (AppTextFieldDefaults.semiTransparent), so every text field in the app now renders a brand-orange cursor — intentionally universal, because iOS applies brandAccent via its shared TextField component rather than per-screen.

Preview

ios.mp4
android.webm

QA Notes

  1. Launch onboarding → Advanced → Create Wallet With Passphrase
    • Tap the passphrase input and verify the cursor is brand orange (#FF4400), not the Material default purple
    • Verify the placeholder "Passphrase" uses Inter Tight Semi-Bold (same font/weight as the Restore Wallet placeholders)
    • Verify the placeholder color matches the muted white used elsewhere
  2. On the same screen, tap the back arrow in the top bar
    • Verify the arrow glyph matches the iOS back arrow (line + chevron) rather than Material's rounded arrow
    • Verify tapping returns to the previous onboarding step
  3. Spot-check other screens that mount AppTopBar (Settings, Transfer, Activity detail)
    • Verify the new arrow drawable renders correctly and back navigation still works
  4. Spot-check other text fields using AppTextFieldDefaults.semiTransparent (Restore Wallet mnemonic and passphrase inputs, settings text fields)
    • Verify the cursor is now brand orange — this is the intended universal alignment with iOS
  5. Build & lint
    • ./gradlew compileDevDebugKotlin clean
    • ./gradlew detekt clean

@jvsena42 jvsena42 self-assigned this Apr 23, 2026
@jvsena42 jvsena42 enabled auto-merge April 23, 2026 13:24
@claude
Copy link
Copy Markdown
Contributor

claude Bot commented Apr 23, 2026

Code review

No issues found. Checked for bugs and CLAUDE.md compliance.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant