feat(ui): FolderExplorer list scrolling

Author: Guillaume Chau

packages/@vue/cli-ui/src/App.vue

@@ -6,5 +6,5 @@
 
 <style lang="stylus">
 @import "~@vue/ui/dist/vue-ui.css"
-
+@import "~@/style/main"
 </style>

packages/@vue/cli-ui/src/components/FolderExplorer.vue

@@ -178,6 +178,14 @@ export default {
     fill $vue-color-danger
 
 .folder-explorer
+  v-box()
+  align-items stretch
+
+  .folders
+    flex 100% 1 1
+    overflow-x hidden
+    overflow-y auto
+
   &.error
     .current-path
       color $vue-color-danger

packages/@vue/cli-ui/src/style/main.styl

@@ -0,0 +1,7 @@
+@import "imports"
+
+html,
+body,
+#app,
+.page
+  height 100%

packages/@vue/cli-ui/src/views/About.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="about">
+  <div class="about page">
 
   </div>
 </template>

packages/@vue/cli-ui/src/views/Home.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="home">
+  <div class="home page">
     <FolderExplorer/>
   </div>
 </template>
@@ -15,3 +15,8 @@ export default {
   }
 }
 </script>
+
+<style lang="stylus" scoped>
+.folder-explorer
+  height 100%
+</style>