From 13c868ffa36c7d90e3c5f8e760a578afdc405859 Mon Sep 17 00:00:00 2001
From: brunosimon <simon.bruno.77@gmail.com>
Date: Sat, 9 Sep 2017 01:30:46 +0200
Subject: [PATCH] :lipstick: Site > File tree > Improve scroll

---
 site/src/components/files-tree/style.styl    | 10 +++++++++-
 site/src/components/files-tree/template.html |  6 ++++--
 site/src/components/project/template.html    |  3 ---
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/site/src/components/files-tree/style.styl b/site/src/components/files-tree/style.styl
index afd5d78..5c1ea22 100644
--- a/site/src/components/files-tree/style.styl
+++ b/site/src/components/files-tree/style.styl
@@ -3,10 +3,11 @@
     top 120px
     bottom 0px
     left 0
-    overflow-y scroll
+    width 290px
     background #26283B
     color #ffffff
     user-select none
+    overflow hidden
 
 .search
     display block
@@ -18,6 +19,13 @@
     line-height 40px
     border-bottom 1px solid rgba(255, 255, 255, 0.2)
 
+.inner
+    position absolute
+    top 40px
+    bottom 0
+    left 0
+    overflow-y scroll
+
 .content
     padding-bottom 60px
     line-height 28px
diff --git a/site/src/components/files-tree/template.html b/site/src/components/files-tree/template.html
index 1b772f8..c99ab1b 100644
--- a/site/src/components/files-tree/template.html
+++ b/site/src/components/files-tree/template.html
@@ -1,5 +1,7 @@
-<div class="file-tree" :style="`right: calc(100vw - 290px - ${scrollbarWidth}px);`">
+<div class="file-tree">
     <input class="search" type="text" v-model="searchValue" placeholder="Search for files ...">
-    <files-tree-folder class="content" v-for="folder of files.folders" :key="+ new Date()" :content="folder" :depth="0"></files-tree-folder>
+    <div class="inner" :style="`right: -${scrollbarWidth}px;`">
+        <files-tree-folder class="content" v-for="folder of files.folders" :key="+ new Date()" :content="folder" :depth="0"></files-tree-folder>
+    </div>
      <a href="#" class="all-read" @click.prevent="onAllReadClick">Mark all as read</a>
 </div>
\ No newline at end of file
diff --git a/site/src/components/project/template.html b/site/src/components/project/template.html
index a18e904..87f7dc8 100644
--- a/site/src/components/project/template.html
+++ b/site/src/components/project/template.html
@@ -1,7 +1,4 @@
 <div>
-    {{ project.name }}
-    <a :href="downloadUrl" download>Download</a>
-
     <files-tree></files-tree>
     <file v-if="file" :content="file"></file>
     <landing v-if="!file"></landing>