From ba595d0a464b81ce42e806b39302978a619bcf41 Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Fri, 21 Dec 2018 11:01:53 -0500
Subject: [PATCH] hide unsightly sidebar scroll bar

---
 site/src/routes/guide/index.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/site/src/routes/guide/index.html b/site/src/routes/guide/index.html
index a575f106d0..9ce81f936a 100644
--- a/site/src/routes/guide/index.html
+++ b/site/src/routes/guide/index.html
@@ -73,16 +73,22 @@
 </script>
 
 <style>
-	.sidebar {
+	aside {
 		display: none;
 		position: fixed;
 		left: 0;
 		top: var(--nav-h);
 		width: var(--sidebar-w);
 		height: calc(100vh - var(--nav-h));
+		overflow: hidden;
+	}
+
+	.sidebar {
 		padding: var(--top-offset) 3.2rem var(--top-offset) 0;
 		font-family: var(--font-ui);
 		overflow-y: auto;
+		height: 100%;
+		width: calc(var(--sidebar-w) + 5rem);
 	}
 
 	.content {
@@ -95,7 +101,7 @@
 	}
 
 	@media (min-width: 52em) { /* can't use vars in @media :( */
-		.sidebar {
+		aside {
 			display: block;
 			left: var(--side-nav);
 		}
@@ -107,7 +113,7 @@
 	}
 
 	@media (min-width: 89.6rem) { /* can't use vars in @media :( */
-		.sidebar {
+		aside {
 			display: block;
 			left: calc(50% - 60rem);
 		}
@@ -205,6 +211,8 @@
 	{/each}
 </div>
 
-<aside class='sidebar'>
-	<GuideContents {sections} />
+<aside class="sidebar-container">
+	<div class="sidebar">
+		<GuideContents {sections} />
+	</div>
 </aside>
\ No newline at end of file