Hide annotations/code containers when window is resized

Author: bradfrost

.gitignore

@@ -15,3 +15,8 @@ latest-change.txt
 /public/styleguide/css/styleguide.scss
 
 /core/styleguide/css/.sass-cache/
+
+/public/styleguide/js/styleguide.js
+
+/public/styleguide/js/annotations-viewer.js
+/public/styleguide/js/code-viewer.js

core/styleguide/js/annotations-viewer.js

@@ -21,6 +21,13 @@ var annotationsViewer = {
 
 		// not sure this is used anymore...
 		$('body').addClass('comments-ready');
+
+		$(window).resize(function() {
+			if(!commentsActive) {
+				annotationsViewer.slideComment($('#sg-annotation-container').outerHeight());
+			}
+		});
+
 		$('#sg-t-annotations').click(function(e) {
 
 			e.preventDefault();
@@ -226,7 +233,7 @@ var annotationsViewer = {
 				annotationsViewer.slideComment($('#sg-annotation-container').outerHeight());
 			}
 		} else if (data.annotationState !== undefined) {
-			document.getElementById("annotation-state-"+data.displayNumber).innerHTML = (data.annotationState === true) ? "" : " hidden";
+			document.getElementById("annotation-state-"+data.displayNumber).innerHTML = (data.annotationState == true) ? "" : " hidden";
 		} else if (data.displaynumber !== undefined) {
 			annotationsViewer.moveTo(data.displaynumber);
 		} else if (data.keyPress !== undefined) {

core/styleguide/js/code-viewer.js

@@ -25,6 +25,12 @@ var codeViewer = {
 
 		// not sure this is needed anymore...
 		$('body').addClass('code-ready');
+
+		$(window).resize(function() {
+			if(!codeActive) {
+				codeViewer.slideCode($('#sg-code-container').outerHeight());
+			}
+		});
 
 		// add the onclick handler
 		$('#sg-t-code').click(function(e) {