From 226c0ccdfc3e5b164e28c55a6ed2a593180e40a3 Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Thu, 28 Jul 2016 19:48:11 +0200
Subject: [PATCH] Hide sublists of `coarse` in CSS instead of JS

---
 static/css/main.css | 4 ++++
 static/js/main.js   | 7 +------
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index e554c124..1a5e3a7c 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -159,4 +159,8 @@ aside#toc {
     top: 0.9em;
     position: relative;
   }
+
+  aside#toc.coarse li ol {
+    display: none;
+  }
 }
diff --git a/static/js/main.js b/static/js/main.js
index 80c79a20..3565d348 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1,13 +1,8 @@
 window.onload = function() {
   var container = document.querySelector('#toc');
 
-  var selector = "h2";
-  if (container.className.split(" ").indexOf("coarse") == -1) {
-    selector += ",h3";
-  }
-
   var toc = initTOC({
-      selector: selector,
+      selector: 'h2, h3',
       scope: '.post',
       overwrite: false,
       prefix: 'toc'