fix(ui): StatusBar and scrolling fixes

Guillaume Chau · Guillaume Chau · commit 7440d0f3c4d4 · 2018-03-15T01:17:52.000+01:00
diff --git 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
@@ -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
@@ -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
@@ -28,5 +28,7 @@ export default {
 
 .content
   grid-area content
+  overflow-x hidden
+  overflow-y auto
 
 </style>
