Fix: sidebar's height (fixes #3)

mysticatea · mysticatea · commit 88e1a75649d1 · 2017-12-01T16:24:28.000+09:00
diff --git a/src/app.vue b/src/app.vue
@@ -174,18 +174,16 @@ a:hover {
     border-bottom: 1px solid #4CAF50;
     font-weight: bold;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
-    z-index: 1;
 }
 
 .app__body {
     display: flex;
-    height: 100%;
     flex-grow: 1;
+    min-height: 0;
 }
 
 .app__sidebar {
     width: calc(25% - 1px);
-    height: 100%;
     border-right: 1px solid #CCC;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -174,18 +174,16 @@ a:hover {`
`174`	`174`	`border-bottom: 1px solid #4CAF50;`
`175`	`175`	`font-weight: bold;`
`176`	`176`	`font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;`
`177`		`- z-index: 1;`
`178`	`177`	`}`
`179`	`178`
`180`	`179`	`.app__body {`
`181`	`180`	`display: flex;`
`182`		`- height: 100%;`
`183`	`181`	`flex-grow: 1;`
	`182`	`+ min-height: 0;`
`184`	`183`	`}`
`185`	`184`
`186`	`185`	`.app__sidebar {`
`187`	`186`	`width: calc(25% - 1px);`
`188`		`- height: 100%;`
`189`	`187`	`border-right: 1px solid #CCC;`
`190`	`188`	`}`
`191`	`189`