fix(ui): StatusBar and scrolling fixes

vuejs · Mar 15, 2018 · 7440d0f · 7440d0f
1 parent 0a38556
commit 7440d0f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
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>