Merge pull request #289 from BenTheElder/auto-hide

site: handle resize

site/assets/js/inline.js

@@ -32,7 +32,24 @@ document.addEventListener("DOMContentLoaded", function () {
     // note: the default state of the page on load is collapsed
     var manualCollapsed = window.localStorage.getItem('sidebar-collapsed');
     var width = getWidth();
+    // if we're now under 900px don't unhide it
+    // otherwise only unhide if the user has not yet manually toggled it
+    // or has toggled it back to visible
     if (width > 900 && (manualCollapsed == 'false' || manualCollapsed == null)) {
         showSideBar();
     }
 });
+
+window.addEventListener("resize", function () {
+    // if we're now under 900px, hide it
+    if (getWidth() <= 900) {
+        hideSideBar();
+    } else {
+        // otherwise only unhide if the user has not yet manually toggled it
+        // or has toggled it back to visible
+        var manualCollapsed = window.localStorage.getItem('sidebar-collapsed');
+        if (manualCollapsed == 'false' || manualCollapsed == null) {
+            showSideBar();
+        }
+    }
+});