45 lines
1.2 KiB
Markdown
45 lines
1.2 KiB
Markdown
---
|
|
id: task-013
|
|
title: Markdown Tool UX Improvements
|
|
status: Done
|
|
assignee: []
|
|
created_date: '2025-12-04 06:29'
|
|
updated_date: '2025-12-04 06:29'
|
|
labels:
|
|
- feature
|
|
- ui
|
|
- markdown
|
|
dependencies: []
|
|
priority: medium
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
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
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [x] #1 Scrollbar is vertical only
|
|
- [x] #2 Scrollbar hides when not needed
|
|
- [x] #3 Toolbar has minimize/expand toggle
|
|
- [x] #4 Full window is editing area
|
|
<!-- AC:END -->
|
|
|
|
## Implementation Notes
|
|
|
|
<!-- SECTION:NOTES:BEGIN -->
|
|
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
|
|
<!-- SECTION:NOTES:END -->
|