Fix position of fixed banner with filters (update color-finder.css & …

…affix.js)
Tanaguru · Mar 7, 2017 · 3a0c5ef · 3a0c5ef
1 parent 0e0b64d
commit 3a0c5ef
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/contrast-finder-webapp/src/main/webapp/Css/color-finder.css b/contrast-finder-webapp/src/main/webapp/Css/color-finder.css
@@ -256,7 +256,6 @@ fieldset .form-control {
 }
 
 #contrast-solution thead.affix {
-    top: 136px;
     width: 100%;
     margin-left: -4px;
 }

diff --git a/contrast-finder-webapp/src/main/webapp/Css/color-finder.min.css b/contrast-finder-webapp/src/main/webapp/Css/color-finder.min.css
diff --git a/contrast-finder-webapp/src/main/webapp/Js/affix.js b/contrast-finder-webapp/src/main/webapp/Js/affix.js
@@ -6,22 +6,25 @@ $(function() {
 				    setUpForm = $('#set-up-form').height(),
 				    limit = header + setUpForm + 68;
 				return (this.top = header + setUpForm + 68)
-		    }
+		  }
 		}
 	});
 
 	$(window).on('resize scroll', function() {
 		var header = $('#header').height(),
+				bannerHeight = $('#old-contrast').height(),
 		    setUpForm = $('#set-up-form').height(),
 		    limit = header + setUpForm + 68;
 
 		if ( 
 			$(this).scrollTop() > limit && 
 			$(this).width() >= 768
 		) {
-		    $('body').css('margin-top', '160px');
+		   $('body').css('margin-top', '160px');
+		 	 $('#contrast-solution thead').css('top', bannerHeight);
 		} else {
 		   $('body').css('margin-top', 'inherit');
+		 	 $('#contrast-solution thead').css('top', 0);
 		}
 	});
 });