fix(ui): CSS fixes

Guillaume Chau · Guillaume Chau · commit eb1c7e95c922 · 2018-04-27T01:10:04.000+02:00
diff --git a/packages/@vue/cli-ui-addon-webpack/src/components/BuildProgress.vue b/packages/@vue/cli-ui-addon-webpack/src/components/BuildProgress.vue
@@ -141,7 +141,7 @@ export default {
       .wrapper::after
         transition opacity .2s
       .vue-ui-icon
-        transition visibility 0
+        transition opacity 0
     &.v-enter-active
       .wrapper::after,
       .vue-ui-icon
@@ -153,7 +153,7 @@ export default {
         opacity 0
     &.v-enter
       .vue-ui-icon
-        visibility hidden
+        opacity 0
     &.v-leave-to
       opacity 0
 </style>
diff --git a/packages/@vue/cli-ui-addon-webpack/src/components/WebpackAnalyzer.vue b/packages/@vue/cli-ui-addon-webpack/src/components/WebpackAnalyzer.vue
@@ -320,11 +320,13 @@ export default {
 
   .content
     display flex
-    flex-direction row
+    flex-direction column
     position relative
 
   .donut
     width 100%
+    flex auto 1 1
+    height 0
     &.hover
       cursor pointer
 
diff --git a/packages/@vue/cli-ui/src/views/ProjectConfigurations.vue b/packages/@vue/cli-ui/src/views/ProjectConfigurations.vue
@@ -63,3 +63,12 @@ export default {
   }
 }
 </script>
+
+<style lang="stylus" scoped>
+@import "~@/style/imports"
+
+.project-configurations
+  .content-view /deep/ > .content
+    overflow-y hidden
+</style>
+
diff --git a/packages/@vue/cli-ui/src/views/ProjectPlugins.vue b/packages/@vue/cli-ui/src/views/ProjectPlugins.vue
@@ -53,3 +53,11 @@ export default {
   }
 }
 </script>
+
+<style lang="stylus" scoped>
+@import "~@/style/imports"
+
+.project-plugins
+  .content-view /deep/ > .content
+    overflow-y auto
+</style>
diff --git a/packages/@vue/cli-ui/src/views/ProjectTaskDetails.vue b/packages/@vue/cli-ui/src/views/ProjectTaskDetails.vue
@@ -306,7 +306,7 @@ export default {
   border-radius $br
 
 .content
-  flex 100% 1 1
+  flex auto 1 1
   height 0
   margin 0 $padding-item $padding-item
   position relative

Original file line number	Diff line number	Diff line change
`@@ -63,3 +63,12 @@ export default {`
`63`	`63`	`}`
`64`	`64`	`}`
`65`	`65`	`</script>`
	`66`	`+`
	`67`	`+<style lang="stylus" scoped>`
	`68`	`+@import "~@/style/imports"`
	`69`	`+`
	`70`	`+.project-configurations`
	`71`	`+ .content-view /deep/ > .content`
	`72`	`+ overflow-y hidden`
	`73`	`+</style>`
	`74`	`+`
Original file line number	Diff line number	Diff line change
`@@ -53,3 +53,11 @@ export default {`
`53`	`53`	`}`
`54`	`54`	`}`
`55`	`55`	`</script>`
	`56`	`+`
	`57`	`+<style lang="stylus" scoped>`
	`58`	`+@import "~@/style/imports"`
	`59`	`+`
	`60`	`+.project-plugins`
	`61`	`+ .content-view /deep/ > .content`
	`62`	`+ overflow-y auto`
	`63`	`+</style>`