From 7440d0f3c4d43328802883ccc473e9b4958c56a5 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <alphadelta.fg@gmail.com>
Date: Thu, 15 Mar 2018 01:17:52 +0100
Subject: [PATCH] fix(ui): StatusBar and scrolling fixes

---
 packages/@vue/cli-ui/src/App.vue                    | 1 +
 packages/@vue/cli-ui/src/components/ContentView.vue | 2 ++
 packages/@vue/cli-ui/src/components/StatusBar.vue   | 2 +-
 packages/@vue/cli-ui/src/views/ProjectHome.vue      | 2 ++
 4 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/@vue/cli-ui/src/App.vue b/packages/@vue/cli-ui/src/App.vue
index 7627d892b4..cbd8a31bd6 100644
--- a/packages/@vue/cli-ui/src/App.vue
+++ b/packages/@vue/cli-ui/src/App.vue
@@ -34,6 +34,7 @@ export default {
 
 .content
   grid-area content
+  overflow hidden
 
 .status-bar
   grid-area status
diff --git a/packages/@vue/cli-ui/src/components/ContentView.vue b/packages/@vue/cli-ui/src/components/ContentView.vue
index 41c5881348..4c8228404c 100644
--- a/packages/@vue/cli-ui/src/components/ContentView.vue
+++ b/packages/@vue/cli-ui/src/components/ContentView.vue
@@ -50,4 +50,6 @@ export default {
   .content
     grid-area content
     position relative
+    overflow-x hidden
+    overflow-y auto
 </style>
diff --git a/packages/@vue/cli-ui/src/components/StatusBar.vue b/packages/@vue/cli-ui/src/components/StatusBar.vue
index 3a1bdf5912..d270491ce9 100644
--- a/packages/@vue/cli-ui/src/components/StatusBar.vue
+++ b/packages/@vue/cli-ui/src/components/StatusBar.vue
@@ -143,7 +143,7 @@ export default {
   .section
     h-box()
     align-items center
-    opacity .5
+    opacity .8
     padding 0 8px
     height 100%
     cursor default
diff --git a/packages/@vue/cli-ui/src/views/ProjectHome.vue b/packages/@vue/cli-ui/src/views/ProjectHome.vue
index 107185591b..a61d8573b4 100644
--- a/packages/@vue/cli-ui/src/views/ProjectHome.vue
+++ b/packages/@vue/cli-ui/src/views/ProjectHome.vue
@@ -28,5 +28,7 @@ export default {
 
 .content
   grid-area content
+  overflow-x hidden
+  overflow-y auto
 
 </style>