atom/tree-view

Feature-Request: Add a visual divider-line to the tree view

Opened this issue · 4 comments

Prerequisites

  • Put an X between the brackets on this line if you have done all of the following:

Description

I was wondering if it would be possible to add a small visual divider line to the tree view. I usually have multiple project-Folders open and would love to be able to visually group them using divider lines.

Is there a functionality I could use to do this?
Splitting the pane apparently doesn't do anything right now, right?

Steps to Reproduce

Expected behavior: [What you expect to happen]

As a user I'd love to

  1. right click anywhere in the tree view
  2. select "create divider line"
  3. have a horizontal divider line appear between the closest two separate projects
    [4. optional: I'd love to be able to move this line via drag and drop]

Versions

Additional Information

Something like this
atomdivider

I like that idea but what if you have enabled sticky project header?

@abaracedo can you elaborate on this option?

Also, by now, I helped myself by using this css-hack in the Atom-Stylesheet:

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
  // custom by Ben to separate services from plugins
  .project-root:nth-child(8) {
    border-top: 2px solid @button-border-color; // for example
  }

  .project-root:nth-child(13) {
    border-top: 2px solid @button-border-color; // for example
  }
}

I meant if the option "Make project headers sticky" is enabled, each project is going to display a border-bottom so, did you consider how it would be displayed?

imagen