[toc2] Recompute sideBar height on window resize

Author: jfbercher

src/jupyter_contrib_nbextensions/nbextensions/toc2/toc2.js

@@ -190,6 +190,15 @@ var make_link = function(h, num_lbl) {
     }
 }
 
+  function setSideBarHeight(cfg, st) {
+      if (cfg.sideBar) {
+        var headerVisibleHeight = $('#header').is(':visible') ? $('#header').height() : 0
+          $('#toc-wrapper').css('top', liveNotebook ? headerVisibleHeight : 0)
+          $('#toc-wrapper').css('height', $('#site').height());
+          $('#toc').css('height', $('#toc-wrapper').height() - $('#toc-header').height())
+      }
+  }  
+
   var create_toc_div = function (cfg,st) {
     var toc_wrapper = $('<div id="toc-wrapper"/>')
     .append(
@@ -282,21 +291,8 @@ var make_link = function(h, num_lbl) {
     // On header/menu/toolbar resize, resize the toc itself 
     // (if displayed as a sidebar)
     if (liveNotebook) {
-        $([Jupyter.events]).on("resize-header.Page", function() {
-            if (cfg.sideBar) {
-                $('#toc-wrapper').css('top', liveNotebook ? $('#header').height() : 0)
-                $('#toc-wrapper').css('height', $('#site').height());
-                $('#toc').css('height', $('#toc-wrapper').height() - $('#toc-header').height())
-            }
-        });
-        $([Jupyter.events]).on("toggle-all-headers", function() {
-            if (cfg.sideBar) {
-              var headerVisibleHeight = $('#header').is(':visible') ? $('#header').height() : 0
-                $('#toc-wrapper').css('top', liveNotebook ? headerVisibleHeight : 0)
-                $('#toc-wrapper').css('height', $('#site').height());
-                $('#toc').css('height', $('#toc-wrapper').height() - $('#toc-header').height())
-            }
-        });
+        $([Jupyter.events]).on("resize-header.Page", function() {setSideBarHeight(cfg, st);});
+        $([Jupyter.events]).on("toggle-all-headers", function() {setSideBarHeight(cfg, st);});
     }
 
     // enable dragging and save position on stop moving
@@ -637,6 +633,7 @@ var table_of_contents = function (cfg,st) {
     $(window).resize(function(){
         $('#toc').css({maxHeight: $(window).height() - 30});
         $('#toc-wrapper').css({maxHeight: $(window).height() - 10});
+        setSideBarHeight(cfg, st),
         setNotebookWidth(cfg, st);
     });