refactor(docs): added scrolling to both navigation and content (#1413)

reactstrap · Feb 25, 2019 · 90cbbd0 · 90cbbd0
1 parent 70cfca2
commit 90cbbd0
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/docs/lib/UI/Content.js b/docs/lib/UI/Content.js
@@ -13,7 +13,7 @@ function Content({ items, children, title }) {
   return (
     <Container className="content">
       <Row>
-        <Col tag="main" md={{ size: 3, order: 2 }}>
+        <Col className="docSearch-navigation" tag="main" md={{ size: 3, order: 2 }}>
           <div className="docs-sidebar mb-3">
             <h1 className="h5">{title}</h1>
             <Nav className="flex-column">

diff --git a/docs/static/docs.css b/docs/static/docs.css
@@ -37,6 +37,17 @@
   margin-top: 2rem;
 }
 
+@media(min-width: 768px) {
+  html,body,#app,#app > .wrapper,#app >.wrapper > .container,  #app >.wrapper > .container > .row{
+    height:100%;
+  }
+  .docSearch-navigation, .docSearch-content {
+    overflow-y: scroll;
+    height:100%;
+  }
+}
+
+
 .header .navbar-nav .nav-link.active {
   color: #333;
 }