Skip to content

Redesign the Trails sort, search, and filter controls - #31

Open
NicooleT wants to merge 3 commits into
mainfrom
@janic/issue-29-trail-controls
Open

Redesign the Trails sort, search, and filter controls#31
NicooleT wants to merge 3 commits into
mainfrom
@janic/issue-29-trail-controls

Conversation

@NicooleT

@NicooleT NicooleT commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

Summary

  • replace the always-visible search, filter chips, and segmented sort toggle with a compact progressive control row
  • open Name, Distance, and Rating choices in an animated sort sheet
  • expand and focus search on demand, then restore the original Sort By + search-button state whenever search loses focus
  • keep the filter action icon-only while preserving the active search when the filter sheet opens
  • center both sheet titles, remove their close buttons, and support dismissal by tapping outside or dragging the handle down
  • remove the trail result-total row
  • preserve sorting, filtering, light/dark theming, keyboard behavior, and accessible labels

Closes #29

Validation

  • npm run lint
  • npm run typecheck
  • git diff --check
  • Stim iOS launch and 3-second stability verification on stim-issue-29-trail-controls
  • clean Stim runtime error log
  • agent-device assertion: ordinary search blur clears the query and restores Sort by Name plus Open trail search
  • agent-device assertion: opening and dismissing filters preserves and refocuses the search input
  • agent-device assertion: both sheets expose a drag-to-dismiss handle and no close button
  • manual simulator checks for icon-only filter state, centered sheet titles, outside-tap dismissal, and downward handle-drag dismissal

Before and after evidence

Before: the closed search control could collapse to zero width after focus was lost; the filter action expanded to show “Filters”; sheets used left-aligned titles and close buttons; a trail total remained below the controls.

After: the circular search action reliably returns after blur, the filter action stays icon-only, both sheets have centered titles and dismiss by scrim or handle drag, and the result-total row is gone. Screenshots and a short motion recording were captured from the same iOS simulator, Trails route, portrait orientation, and seed data.

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.

Redesign the Trails sort, search, and filter controls

1 participant