[Motion] Mobile bottom sheets with drag-to-dismiss and snap points

未关闭
#871 3 条评论 0 个 reaction 已指派 1 人 在 GitHub 查看

维护者通常 1 天内回复

@DannyBongos 已经在做这个了。

开始于 2026年10月16日。

  • #984 来自 @DannyBongos —— 未关闭

评估

这个 Issue 还没有评估数据。

描述

enhancement help wanted phase:9-ux priority:medium Stellar Wave
Summary

sheet.tsx has no gesture handling; trade/market sheets should follow the finger, rubber-band, and snap (iOS sheet feel).

Status: confirmed in the codebase.

Acceptance criteria
  • Uses the motion tokens in packages/ui/src/styles/globals.css (durations/easings/springs); no raw duration-*, ease-[…] or transition-all
  • Honours prefers-reduced-motion (and the in-app setting, once it exists): instant or opacity-only fallback
  • Animates transform/opacity only (or justifies otherwise); no layout shift; smooth at 60 fps on a mid-range phone (check with DevTools Performance + CPU 4× throttle)
  • Interruptible: reversing the interaction mid-animation continues from the current state, with no jump or replay
  • Keyboard and screen-reader behaviour unchanged or improved; focus never lost
  • PR includes a before/after screen recording (desktop and mobile)

Part of the 2026-10-15 UX/quality review of main @ 4c5cf1d. Contributors: read AGENTS.md and CONTRIBUTING.md. The full commit gate must pass, with no eslint-disable, .skip, or lowered thresholds. Comment here before starting so work isn't duplicated.

主要语言
TypeScript
星标
3
派生
112
平均合并
1 天 9 小时
30 天内合并 PR
36

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

SO4-Markets/interface 的其他 Issue

查看 SO4-Markets/interface 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。