.tree-view {
  font-size: @font-size;
  background: @tree-view-background-color;

  .selected:before {
  	background: @background-color-highlight;
  }
}

.tree-view-resizer {
  .tree-view-resize-handle {
    width: 8px;
  }
}

.focusable-panel {
  opacity: 1;
  background: @tree-view-background-color;

  &:focus {
    // Disabled for now. Might be better to move it to panes
    //background: lighten(@tree-view-background-color, 2%);

    .selected:before {
      background: @background-color-selected;
    }

    .selected > .name,
    .selected > .name:before,
    .selected > .list-item > .name,
    .selected > .list-item > .name:before {
      color: @text-color-selected;
    }
  }
}

.tree-view {
  font-size: @font-size;
  background: @tree-view-background-color;

  .project-root {
    &:before,
    & > .header {
      height: @tab-height + 1px; // + 1px border
      border-bottom: 1px solid @base-border-color;
      .name {
        line-height: @tab-height + 1px; // + 1px border
      }
    }
  }

  .selected:before {
  	background: @background-color-highlight;
  }
}

.tree-view-resizer {
  .tree-view-resize-handle {
    width: 8px;
  }
}

.focusable-panel {
  opacity: 1;
  background: @tree-view-background-color;

  &:focus {
    // Disabled for now. Might be better to move it to panes
    //background: lighten(@tree-view-background-color, 2%);

    .selected:before {
      background: @background-color-selected;
    }

    .selected > .name,
    .selected > .name:before,
    .selected > .list-item > .name,
    .selected > .list-item > .name:before {
      color: @text-color-selected;
    }
  }
}

Make treeview header the same height as tabs
Make treeview header the same height as tabs
