Skip to content

feat: revamped file tree #1302

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 11, 2025

Conversation

bajrangCoder
Copy link
Collaborator

@bajrangCoder bajrangCoder commented May 11, 2025

Changes:

  • removed menu icon
  • file tree is now horizontally scrollable when there is long file names
  • added indent guide in file tree

Closes: #898 , #774 , #696

Demo

Screenshot_20250511-175323

- removed menu icon
- file tree is now horizontally scrollable when there is long file names
- added indent guide in file tree
@bajrangCoder bajrangCoder marked this pull request as ready for review May 11, 2025 12:55
@bajrangCoder bajrangCoder requested a review from Copilot May 11, 2025 13:38
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR revamps the file tree to improve usability by removing the menu icon, enabling horizontal scrolling for long file names, and adding an indent guide for nested folders.

  • Removed the menu icon and its associated tail component in the file tree rendering.
  • Enabled horizontal scrolling with custom scrollbar styling in the file tree.
  • Added a new text wrapper for file names in the file tree for better overflow handling.

Reviewed Changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
src/styles/list.scss Updated quote styles and added a new .text block for overflow.
src/sidebarApps/files/style.scss Removed legacy sticky styling for icons and added horizontal scrolling with custom scrollbar styles and indent guides.
src/sidebarApps/files/index.js Applied overflow-x auto style to the container element.
src/lib/openFolder.js Removed usage of the Tail component from folder and file tile creation.
src/components/sidebar/style.scss Added horizontal scrolling styling for sidebar files.
Comments suppressed due to low confidence (1)

src/lib/openFolder.js:74

  • [nitpick] If the Tail feature is no longer required, please remove the commented-out code to maintain a clean codebase.
tail: <Tail target={() => $root.$title} />,

@bajrangCoder bajrangCoder merged commit 73d28d4 into Acode-Foundation:main May 11, 2025
2 checks passed
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.

File Explorer - long file names
1 participant