From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sun, 15 Jul 2018 12:25:00 +0000 (+0100)
Subject: Make navigation bar white when scrolled down
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=56fdd02c4bfac8383a0da3d493d42ac9ac7c3f2c;p=ipfire.org.git

Make navigation bar white when scrolled down

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/scss/style.scss b/src/scss/style.scss
index ccbb26e2..3b0685e1 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -90,6 +90,15 @@ h6 {
 	}
 }
 
+.navbar {
+	&.scrolled {
+		background-color: white;
+		box-shadow: $shadow-2;
+
+		transition: background-color 200ms linear;
+	}
+}
+
 footer {
 	.btn-toolbar .icon {
 		height: 2.25rem;
diff --git a/src/static/js/site.js b/src/static/js/site.js
index 66a660dd..95a150c7 100644
--- a/src/static/js/site.js
+++ b/src/static/js/site.js
@@ -1,13 +1,9 @@
 $(document).ready(function () {	
-    $(window).scroll(function () {
-        if ($(document).scrollTop() > 100) {
-            $(".fixed-top").addClass("scrolled");
-            $(".menu-text").addClass("hidden");
-        } else {
-            $(".fixed-top").removeClass("scrolled");
-            $(".menu-text").removeClass("hidden");
-        }
-    });
+    $(document).scroll(function () {
+		var nav = $(".navbar");
+		nav.toggleClass("scrolled", $(this).scrollTop() >= 1);
+	});
+
     //* Menu *//
 	$('.navbar-toggler-left').click(function() {
 		$('#navbarSupportedContent, #mask').addClass('open');
@@ -80,4 +76,4 @@ jQuery.postJSON = function(url, args, callback) {
 			callback(eval("(" + response + ")"));
 		}
 	});
-};
\ No newline at end of file
+};