Skip to content

feat: Add collapse/expand functionality to file list panel with improved layout handling#72

Merged
gaoconggit merged 3 commits intomainfrom
claude/issue-70-20251027-1539
Oct 28, 2025
Merged

feat: Add collapse/expand functionality to file list panel with improved layout handling#72
gaoconggit merged 3 commits intomainfrom
claude/issue-70-20251027-1539

Conversation

@gaoconggit
Copy link
Owner

Summary

  • Added collapse/expand functionality to the file list panel with a toggle button
  • Implemented proper container width calculations that handle collapsed state
  • Added fileListResizer integration to sync width updates when toggling collapse state
  • Improved responsive layout calculations for desktop mode with collapsed file list
  • Fixed minimized button visibility management

Changes

  • fileManager.js: Added collapse/expand logic with fileListResizer integration
  • common.js: Enhanced setContainerWidth to properly handle collapsed state and vertical output panel
  • fileList.css: Added styles for collapse button and minimized state indicator
  • index.html: Added collapse/expand button UI element

Test plan

  • Toggle collapse/expand button and verify file list animates correctly
  • Verify minimized button appears when file list is collapsed
  • Check that container width adjusts properly when collapsing/expanding file list
  • Test with vertical output panel to ensure no layout conflicts
  • Verify chat panel interaction with collapsed file list
  • Test on mobile devices to ensure responsive behavior is maintained

🤖 Generated with Claude Code

github-actions bot and others added 3 commits October 27, 2025 15:41
- Added toggle button (◀) in file list header for collapsing/expanding
- Implemented smooth slide animation using CSS transforms
- Added minimized restore button (▶) on left side when collapsed
- State persistence using localStorage (fileListCollapsed)
- Full dark/light theme support with styled buttons
- Responsive design - hidden on mobile devices
- Follows same pattern as existing output panel toggle

Resolves #70

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: 小小高 <gaoconggit@users.noreply.github.com>
…calculations

- Enhanced container width calculation to properly handle collapsed file list state
- Added fileListResizer integration to sync width updates when toggling collapse state
- Fixed issue where minimized button visibility wasn't properly managed
- Improved responsive layout calculations for desktop mode with collapsed file list
- Added proper handling of vertical output panel width in container calculations
- Added COLLAPSED_FILE_LIST_OFFSET constant for consistent collapsed state offset

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Resolved merge conflict in outputPanel.css by keeping both changes:
- File list collapse/expand improvements from feature branch
- Out-of-process overlay styles from main branch

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
@gaoconggit gaoconggit merged commit 2f69232 into main Oct 28, 2025
1 check passed
@gaoconggit gaoconggit deleted the claude/issue-70-20251027-1539 branch November 4, 2025 01: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