fix(www): Plugin library scrollbar issue (#11773)

* fix(www): Don’t set `display` CSS prop to empty string/false * fix(www): Horiz. scrollbars for plugins page sidebar on small devices
gatsbyjs · Feb 14, 2019 · 5ea6a62 · 5ea6a62
1 parent 8cd0dcb
commit 5ea6a62
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/www/src/components/page-with-plugin-searchbar.js b/www/src/components/page-with-plugin-searchbar.js
@@ -10,7 +10,7 @@ const PageWithPluginSearchBar = ({ isPluginsIndex, location, children }) => (
       css={{
         ...styles.sidebar,
         // mobile: hide PluginSearchBar when on gatsbyjs.org/packages/foo, aka package README page
-        display: `${!isPluginsIndex && `none`}`,
+        display: !isPluginsIndex ? `none` : false,
       }}
     >
       <PluginSearchBar location={location} />
@@ -20,7 +20,7 @@ const PageWithPluginSearchBar = ({ isPluginsIndex, location, children }) => (
       css={{
         ...styles.content,
         // mobile: hide README on gatsbyjs.org/plugins index page
-        display: `${isPluginsIndex && `none`}`,
+        display: isPluginsIndex ? `none` : false,
       }}
     >
       {children}
@@ -34,7 +34,7 @@ const widthLarge = rhythm(16)
 const styles = {
   sidebar: {
     height: `calc(100vh - ${presets.headerHeight})`,
-    width: `100vw`,
+    width: `100%`,
     zIndex: 1,
     top: `calc(${presets.headerHeight} + ${presets.bannerHeight} - 1px)`,
     ...scrollbarStyles,