Skip to content

feat(web): folders and types as pills, a bottom sheet on a phone (D254) - #187

Merged
allisson merged 1 commit into
mainfrom
feat/d254-lists
Nov 12, 2026
Merged

allisson merged 1 commit into
mainfrom
feat/d254-lists

Conversation

@allisson

Copy link
Copy Markdown
Owner

Second D254 task of the roadmap: the list's folders and type filter. Presentation only: the filter keeps its counts and its rule that no item is hidden by a filter out of sight.

  • Folders on a phone: the folder pane leaves the list screen. An "All folders" pill, which names the folder shown, opens it as a bottom sheet. Choosing a list, or creating a folder, closes the sheet. Trash stays in the bottom navigation (D245).
  • Type filter: the row of chips becomes an "All types" pill on every layout. It opens a bottom sheet on a phone and a popover elsewhere, with each type's count and aria-pressed on the chosen one. The pill names the chosen type, in the accent's soft fill.
  • Pill: a new component on the native popover, like the "…" menu: Escape and a click outside close it.
  • Toast: it already sat above the phone's bottom navigation (D250), so it is unchanged.
  • Text: "All" becomes "All types" ("Todos os tipos"), and "All folders" ("Todas as pastas") is new.

The e2e specs follow the change. On a phone, folders, items, layout and duplicate open the folder sheet, and the navigation spec opens the type pill.

Checks: pnpm run ci passes. Playwright on Chromium: 183 passed, 2 skipped. The one failure, duplicate.spec.ts on mobile, is fixed and passes.

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@allisson
allisson merged commit fa0dfbf into main Nov 12, 2026
7 checks passed
@allisson
allisson deleted the feat/d254-lists branch November 12, 2026 23:52
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