Added media query to determine if header should auto hide

Starladdey · Dec 18, 2017 · 377fbfd · 377fbfd
1 parent d71d19e
commit 377fbfd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 12 deletions.
diff --git a/less/header.less b/less/header.less
@@ -242,6 +242,10 @@
 			margin-left: -30px;
 		}
 	}
+
+	@media (min-width: @screen-md-min) {
+		top: 0px !important;
+	}
 }
 
 .breadcrumb {

diff --git a/lib/persona.js b/lib/persona.js
@@ -3,27 +3,18 @@
 /*globals ajaxify, config, utils, app, socket, NProgress*/
 
 $(document).ready(function() {
-	$(".navbar-fixed-top").autoHidingNavbar({
-		showOnBottom: false,
-		disableAutohide: true
-	});
+	var env = utils.findBootstrapEnvironment();
 
 	setupNProgress();
 	setupTaskbar();
 	setupEditedByIcon();
 	setupMobileMenu();
 	setupQuickReply();
-	updateAutoHidingNavbar();
 
-	$(window).on('resize', function() {
-		updateAutoHidingNavbar();
+	$(".navbar-fixed-top").autoHidingNavbar({
+		showOnBottom: false
 	});
 
-	function updateAutoHidingNavbar() {
-			var env = utils.findBootstrapEnvironment();
-			$(".navbar-fixed-top").autoHidingNavbar('setDisableAutohide', !(env === 'xs' || env ==='sm'));
-	}
-
 	function setupNProgress() {
 		$(window).on('action:ajaxify.start', function() {
 			NProgress.set(0.7);