43 lines
1.7 KiB
Markdown
43 lines
1.7 KiB
Markdown
---
|
|
id: TASK-71
|
|
title: 'Gradual zoom, toolbar reorganization, pinch-to-zoom'
|
|
status: Done
|
|
assignee: []
|
|
created_date: '2026-02-28 00:53'
|
|
labels:
|
|
- canvas
|
|
- UX
|
|
- mobile
|
|
dependencies: []
|
|
priority: medium
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Three improvements to canvas UX:
|
|
1. **Gradual zoom** — button zoom 1.25x→1.1x, wheel zoom 0.9/1.1→0.95/1.05, cursor-centered wheel zoom
|
|
2. **Toolbar rename** — "📝 Create" → "📝 Note", removed quick-add "+" button
|
|
3. **Redistribute rApps** — removed standalone "📱 rApps" dropdown, moved 16 embed buttons into thematic groups (Note, Media, Embed, Decide, Creative)
|
|
4. **Pinch-to-zoom** — added two-finger pinch gesture with center-point zoom, alongside existing two-finger pan
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [ ] #1 Zoom buttons use 1.1x multiplier (10% steps)
|
|
- [ ] #2 Ctrl+wheel zoom uses 0.95/1.05 (5% steps)
|
|
- [ ] #3 Wheel and pinch zoom center on cursor/pinch midpoint
|
|
- [ ] #4 Toolbar shows '📝 Note' not '📝 Create'
|
|
- [ ] #5 No '📱 rApps' standalone dropdown exists
|
|
- [ ] #6 All 16 rApp embed buttons distributed into thematic groups
|
|
- [ ] #7 No quick-add '+' button in toolbar
|
|
- [ ] #8 Pinch-to-zoom works on touch devices alongside two-finger pan
|
|
- [ ] #9 All embed buttons still create folk-rapp shapes when clicked
|
|
<!-- AC:END -->
|
|
|
|
## Final Summary
|
|
|
|
<!-- SECTION:FINAL_SUMMARY:BEGIN -->
|
|
Modified `website/canvas.html` (58 insertions, 62 deletions). Zoom made more gradual across all input methods. Toolbar reorganized — rApp embeds distributed into thematic groups. Added pinch-to-zoom with center-point tracking. Cleaned up quick-add button and mobile menu rApps auto-open logic.
|
|
<!-- SECTION:FINAL_SUMMARY:END -->
|