From 3b486683858a6136d45ace98cca1d1d9b6a8e86a Mon Sep 17 00:00:00 2001
From: psychobunny <psycho.bunny@hotmail.com>
Date: Mon, 29 Sep 2014 10:24:36 -0400
Subject: [PATCH] mobile optimizations for acp header

---
 public/less/admin/bootstrap/variables.less |  2 +-
 src/views/admin/header.tpl                 | 64 ++++++++++------------
 2 files changed, 29 insertions(+), 37 deletions(-)

diff --git a/public/less/admin/bootstrap/variables.less b/public/less/admin/bootstrap/variables.less
index 3f212d1392..2ab50d82c6 100644
--- a/public/less/admin/bootstrap/variables.less
+++ b/public/less/admin/bootstrap/variables.less
@@ -305,7 +305,7 @@
 @grid-gutter-width:         15px;
 // Navbar collapse
 //** Point at which the navbar becomes uncollapsed.
-@grid-float-breakpoint:     @screen-sm-min;
+@grid-float-breakpoint:     0;
 //** Point at which the navbar begins collapsing.
 @grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
 
diff --git a/src/views/admin/header.tpl b/src/views/admin/header.tpl
index c6521d75e7..a188b71f31 100644
--- a/src/views/admin/header.tpl
+++ b/src/views/admin/header.tpl
@@ -50,46 +50,38 @@
 	<div class="navbar navbar-inverse navbar-fixed-top header">
 		<div class="container">
 			<div class="navbar-header">
-				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-				</button>
-				<a class="navbar-brand nodebb-logo" href="{relative_path}/admin/general/dashboard"><img src="{relative_path}/images/logo.png" alt="NodeBB ACP" /> Admin Control Panel <span id="breadcrumbs"></span></a>
+				<a class="navbar-brand nodebb-logo" href="{relative_path}/admin/general/dashboard"><img src="{relative_path}/images/logo.png" alt="NodeBB ACP" /> Admin Control Panel <span id="breadcrumbs" class="hidden-xs"></span></a>
 			</div>
-			<div class="collapse navbar-collapse">
-				<ul class="nav navbar-nav">
-					<li>
-						<a href="#" id="reconnect"></a>
-					</li>
-				</ul>
+			<ul class="nav navbar-nav">
+				<li>
+					<a href="#" id="reconnect"></a>
+				</li>
+			</ul>
 
-				<ul id="logged-in-menu" class="nav navbar-nav navbar-right hidden-xs">
-					<form class="navbar-form navbar-left" role="search">
-						<div class="form-group" id="acp-search" >
-							<div class="dropdown" >
-								<input type="text" data-toggle="dropdown" class="form-control" placeholder="Search ACP...">
-								<ul class="dropdown-menu" role="menu"></ul>
-							</div>
+			<ul id="logged-in-menu" class="nav navbar-nav navbar-right">
+				<form class="navbar-form navbar-left hidden-xs" role="search">
+					<div class="form-group" id="acp-search" >
+						<div class="dropdown" >
+							<input type="text" data-toggle="dropdown" class="form-control" placeholder="Search ACP...">
+							<ul class="dropdown-menu" role="menu"></ul>
 						</div>
-					</form>
+					</div>
+				</form>
 
-					<li id="user_label" class="dropdown">
-						<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
-							<img src="{userpicture}"/>
-						</a>
-						<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
-							<li>
-								<a id="user-profile-link" href="{relative_path}/user/{userslug}" target="_top"><span>Profile</span></a>
-							</li>
-							<li id="logout-link">
-								<a href="#">Log out</a>
-							</li>
-						</ul>
-					</li>
-
-				</ul>
-			</div>
+				<li id="user_label" class="dropdown">
+					<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
+						<img src="{userpicture}"/>
+					</a>
+					<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
+						<li>
+							<a id="user-profile-link" href="{relative_path}/user/{userslug}" target="_top"><span>Profile</span></a>
+						</li>
+						<li id="logout-link">
+							<a href="#">Log out</a>
+						</li>
+					</ul>
+				</li>
+			</ul>
 		</div>
 	</div>