Sticky projects

[simurai]

Same as atom/one-light-ui#121

[UziTech]

This introduces an unintended side affect.

When the auto reveal setting is checked in tree-view and the file is under the sticky header it is not revealed

[UziTech]

it looks like the problem is that the tree-view's scrollToEntry function uses scrollIntoViewIfNeeded which doesn't make sure the element isn't hidden by the sticky header

  scrollToEntry: (entry, center=true) ->
    element = if entry?.classList.contains('directory') then entry.header else entry
    element?.scrollIntoViewIfNeeded(center)

[simurai]

Ohh.. I see, scrollIntoViewIfNeeded doesn't know anything about the sticky elements and thinks the revealed item is still visible.

There would be a CSS fix, found here:

.tree-view {
  // Fix sticky header from covering auto-revealed items
  .list-item.selected {
    padding-top: @ui-tab-height; // 30px
    margin-top: -@ui-tab-height; // -30px
  }
}

I guess the negative margin tricks scrollIntoViewIfNeeded into thinking it's already out of view and the padding just pushes the content down. Not sure if that has other side effects? 🙈