Fix broken TOC toggle

jluccisano · Feb 12, 2017 · 05aaf19 · 05aaf19
1 parent 57799e5
commit 05aaf19
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/_sass/page.scss b/_sass/page.scss
@@ -267,6 +267,7 @@ $button-size: 1.5rem;
 .image-wrap {
 	position: relative;
 	margin-bottom: 2em;
+	@include clearfix;
 	&:after {
 		content: " ";
 		display: block;
@@ -460,7 +461,7 @@ $button-size: 1.5rem;
 			padding: 10px;
 			display: block;
 			color: $white;
-			border-bottom-width: 0;
+			text-decoration: none;
 			background: lighten($black, 30);
 			@include opacity(0.7);
 			@include transition(opacity 0.2s ease-in-out);
@@ -473,6 +474,13 @@ $button-size: 1.5rem;
 		}
 	}
 }
+#drawer {
+	height: 100%;
+	overflow: hidden;
+	&.js-hidden {
+		max-height: 0;
+	}
+}
 .image-grid {
 	@include clearfix;
 	list-style: none;

diff --git a/assets/js/_main.js b/assets/js/_main.js
@@ -39,7 +39,7 @@ $(function() {
 // Table of Contents toggle
 $(function() {
   $(".toc h3").click(function () {
-    $("#drawer").toggleClass("hidden");
+    $("#drawer").toggleClass("js-hidden");
   });
 });