fix api docs content from displaying after the left nav

andrewseguin · Splaktar · commit 329ac5d79a2c · 2019-10-17T23:10:02.000-04:00
(cherry picked from commit bb92e36)
diff --git a/src/app/pages/component-sidenav/component-sidenav.scss b/src/app/pages/component-sidenav/component-sidenav.scss
@@ -114,7 +114,6 @@ app-component-sidenav {
 .docs-component-sidenav-body-content {
   display: flex;
   flex: 1 1 auto;
-  flex-direction: column;
 }
 
 @media (max-width: $small-breakpoint-width) {
@@ -140,4 +139,8 @@ app-component-sidenav {
   .docs-component-viewer-sidenav-container {
     flex: 1 0 auto;
   }
+
+  .docs-component-sidenav-body-content {
+    flex-direction: column;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,6 @@ app-component-sidenav {`
`114`	`114`	`.docs-component-sidenav-body-content {`
`115`	`115`	`display: flex;`
`116`	`116`	`flex: 1 1 auto;`
`117`		`- flex-direction: column;`
`118`	`117`	`}`
`119`	`118`
`120`	`119`	`@media (max-width: $small-breakpoint-width) {`
`@@ -140,4 +139,8 @@ app-component-sidenav {`
`140`	`139`	`.docs-component-viewer-sidenav-container {`
`141`	`140`	`flex: 1 0 auto;`
`142`	`141`	`}`
	`142`	`+`
	`143`	`+ .docs-component-sidenav-body-content {`
	`144`	`+ flex-direction: column;`
	`145`	`+ }`
`143`	`146`	`}`