Remove sidebar ToC for articles with long headings

js/toc.js

@@ -1,6 +1,5 @@
 // Auto generate table of contents
 // Code based on https://techindetail.com/table-of-contents-javascript/
-
 window.addEventListener('DOMContentLoaded', (event) => {
     const article = document.querySelector("article");
     const headings = article.querySelectorAll("h2, h3");
@@ -55,15 +54,6 @@ window.addEventListener('DOMContentLoaded', (event) => {
         leftSidebar.classList.add('hidden');
     }
 
-    // Open the article ToC and hide the left sidebar for small screen size
-    // Code based on https://codepen.io/neptotech/pen/RwjRjOZ
-    const windowWidth = window.innerWidth;
-    if (windowWidth < 480) {
-        toc.removeAttribute('open');
-    } else {
-        toc.setAttribute('open', true);
-    }
-
     // Remove the stickiness of the sidebar ToC if it is larger than screen height
     function preventSidebarOverflow() {
         if (document.documentElement.clientHeight < tocSidebar.offsetHeight + 50) {

shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone.html

@@ -34,11 +34,11 @@
         </header>
         <nav class="navbar"></nav>
         <main>
-            <aside class="left-sidebar">
+            <!-- <aside class="left-sidebar">
                 <div class="sidebar__toc">
                     <h3 class="sidebar__toc-title">Contents</h3>
                 </div>
-            </aside>
+            </aside> -->
 
             <article>
                 <section class="article-section">

shrines/starwarskotor/guides/kotor-sandral-matale-feud-guide.html

@@ -34,11 +34,11 @@
         </header>
         <nav class="navbar"></nav>
         <main>
-            <aside class="left-sidebar">
+            <!-- <aside class="left-sidebar">
                 <div class="sidebar__toc">
                     <h3 class="sidebar__toc-title">Contents</h3>
                 </div>
-            </aside>
+            </aside> -->
 
             <article>
                 <section class="article-section">