canvas-website/backlog/tasks/task-013 - Markdown-Tool-UX...

1.2 KiB

id title status assignee created_date updated_date labels dependencies priority
task-013 Markdown Tool UX Improvements Done
2025-12-04 06:29 2025-12-04 06:29
feature
ui
markdown
medium

Description

Improve the Markdown tool user experience with better scrollbar behavior and collapsible toolbar.

Changes Implemented:

  • Scrollbar is now vertical only (no horizontal scrollbar)
  • Scrollbar auto-hides when not needed
  • Added minimize/expand button for the formatting toolbar
  • Full editing area uses available space

Acceptance Criteria

  • #1 Scrollbar is vertical only
  • #2 Scrollbar hides when not needed
  • #3 Toolbar has minimize/expand toggle
  • #4 Full window is editing area

Implementation Notes

Implementation completed in src/shapes/MarkdownShapeUtil.tsx:

  • Added overflow-x: hidden to content area
  • Custom scrollbar styling with thin width and auto-hide
  • Added toggle button in toolbar that collapses/expands formatting options
  • isToolbarMinimized state controls toolbar visibility