Skip to content

improve mobile edit-reference wheel picker - #491

Draft
nabalone wants to merge 4 commits into
developfrom
edit-reference-readonly-font-size
Draft

improve mobile edit-reference wheel picker#491
nabalone wants to merge 4 commits into
developfrom
edit-reference-readonly-font-size

Conversation

@nabalone

@nabalone nabalone commented Aug 5, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Replace native selects with a mobile wheel picker (@ncdai/react-wheel-picker) for Mark Verses edit-reference, keeping MUI Select on wider viewports.
  • Size wheel columns from content (longest label) instead of fixed widths, match surrounding label font/height, and restyle the selection band with muted neighbors for clearer scrolling.

Test plan

  • On a narrow/mobile viewport, open Mark Verses → edit a segment reference and confirm start/end wheels scroll and select cleanly
  • Confirm chapter/verse/suffix columns are not overly wide or cramped for single- and multi-digit values
  • On desktop width, confirm MUI Selects still work for the same dialog
  • (Optional) Load https://ideology-affront-contrite.ngrok-free.dev on a phone and exercise the picker over the tunnel

🤖 Generated with Claude Code

Made with Cursor

nabalone and others added 4 commits August 4, 2026 18:17
Replace native selects with MUI Select on desktop and @ncdai/react-wheel-picker on mobile width; update tests accordingly.

Co-authored-by: Cursor <cursoragent@cursor.com>
Use 1.1rem normal-weight type and a mid-height cylinder so the mobile picker aligns with the dialog text and shows more neighbors.

Co-authored-by: Cursor <cursoragent@cursor.com>
Columns now size from longest label instead of fixed widths, and selected
options get iOS-style hairlines with muted unselected neighbors for clearer
scrolling on mobile Mark Verses.

Co-authored-by: Cursor <cursoragent@cursor.com>
Add Jest coverage for the wheel branch, remount on option-set changes after
chapter clamp, align ch-based column width with option font size, and expose
aria-valuetext on wheel groups.

Co-authored-by: Cursor <cursoragent@cursor.com>
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