Add overflowY: scroll to filtered starters sidebar (#9596)

Closes #9592.
gatsbyjs · Nov 2, 2018 · 8877165 · 8877165
1 parent 8a660b7
commit 8877165
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/www/src/views/shared/sidebar.js b/www/src/views/shared/sidebar.js
@@ -2,8 +2,10 @@ import React from "react"
 import MdFilterList from "react-icons/lib/md/filter-list"
 import styles from "../shared/styles"
 
-export const SidebarContainer = ({ children }) => (
-  <div css={[styles.sidebarContainer, styles.sticky]}>{children}</div>
+export const SidebarContainer = ({ children, className }) => (
+  <div className={className} css={[styles.sidebarContainer, styles.sticky]}>
+    {children}
+  </div>
 )
 
 export const SidebarBody = ({ children }) => (

diff --git a/www/src/views/starter-library/filtered-starters.js b/www/src/views/starter-library/filtered-starters.js
@@ -101,7 +101,7 @@ export default class FilteredStarterLibrary extends Component {
 
     return (
       <section className="showcase" css={{ display: `flex` }}>
-        <SidebarContainer>
+        <SidebarContainer css={{ overflowY: "auto" }}>
           <SidebarHeader />
           <SidebarBody>
             <div css={{ height: `3.5rem` }}>