Make region_1 table of contents "unsticky" when width is less than 768px for better mobile support.

1 files changed, 10 insertions, 1 deletions

diff --git a/doc/toc.html b/doc/toc.html
index 8f0261dc7..0d342d25a 100644
--- a/doc/toc.html
+++ b/doc/toc.html
@@ -407,11 +407,20 @@
                 tocUl.removeClass();  // Classes are automatically added to <ul> elements by something else
                 tocUl.toc({content: "#doco-content", headings: "h1"});
                 tocUl.addClass('toc-content sub-menu');
-                if( $(window).height() > 499) {
+				tocUl.attr('id', 'doco-side-toc');
+                if( $(window).width() > 768) {
 					tocUl.sticky({topSpacing:$('nav').outerHeight(true), zIndex: 1000});
 				}
             }
         });
+		
+		$( window ).resize(function() {
+			if($(window).width() < 768 ) {
+				$( "#doco-side-toc" ).unstick();
+			} else {
+				$( "#doco-side-toc" ).sticky({topSpacing:$('nav').outerHeight(true), zIndex: 1000});
+			}
+		});
 		        
     });