From 8f60301140b8414ce2b2de67ded8dcd1d4428827 Mon Sep 17 00:00:00 2001 From: simurai Date: Wed, 14 Feb 2018 16:53:21 +0900 Subject: [PATCH] Make project folders sticky --- styles/tree-view.less | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/styles/tree-view.less b/styles/tree-view.less index 9063d7d..3b9acb2 100644 --- a/styles/tree-view.less +++ b/styles/tree-view.less @@ -83,3 +83,35 @@ .tree-view .project-root-header.project-root-header.project-root-header.project-root-header::before { line-height: @ui-tab-height; } + + +// Sticky Projects ------------------------------ + +.tree-view { + .project-root-header { + position: sticky; + top: 0; + z-index: 1; + padding-left: 5px; + padding-right: 10px; + border-bottom: 1px solid @base-border-color; + background-color: @tree-view-background-color; + } + .project-root.project-root { + margin-left: -5px; + margin-right: -10px; + + // Disable selection + &::before { + display: none; + } + + // Add selection back + &.selected .project-root-header { + background-color: @background-color-selected; + } + } + &:focus .selected .project-root-header.project-root-header { + background: @button-background-color-selected; + } +}