search bar and restart menu completed

v1.18.x
psychobunny 10 years ago
parent 98a10bba89
commit d091729de3

@ -155,30 +155,6 @@
}
}
#acp-search {
input {
background: black;
border: 0;
color: white;
box-shadow: none;
.transition(.4s ease width);
font-family: @font-family-monospace;
width: 30px;
height: 30px;
vertical-align: -30%;
border-radius: 0;
&:focus {
width: 200px;
}
}
.search-match {
font-weight: 700;
color: black;
}
}
#taskbar {
display: none; /* not sure why I have to do this, but it only seems to show up on prod */
}

@ -19,12 +19,37 @@
position: absolute;
right: 30px;
bottom: 0px;
#user_dropdown {
font-size: 25px;
}
}
#acp-search {
margin-top: 2px;
margin-right: 20px;
input {
padding: 10px 20px;
width: 250px;
height: 44px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
box-shadow: none;
.transition(.4s ease background-color);
&:focus {
background-color: #eee;
color: #333;
}
}
.search-match {
font-weight: 700;
color: black;
}
}
> ul {
list-style-type: none;
padding: 0px;

@ -54,10 +54,6 @@ define(function() {
routes.push($(link).attr('href'));
});
input.on('blur', function() {
$(this).val('').attr('placeholder', '/');
});
input.on('keyup focus', function() {
var $input = $(this),
value = $input.val().toLowerCase(),
@ -67,8 +63,6 @@ define(function() {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
}
$input.attr('placeholder', '');
firstResult = null;
if (value.length >= 3) {

@ -61,96 +61,5 @@
</head>
<body class="admin">
<!--<nav 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" class="hidden-xs"></span></a>
<ul class="nav navbar-nav pull-left">
<li>
<a href="#" id="reconnect"></a>
</li>
</ul>
</div>
<div class="navbar-collapse collapse">
<ul id="logged-in-menu" class="navbar-nav nav navbar-right">
<li class="hidden-lg hidden-md hidden-sm">
<a href="{relative_path}/" target="_blank" title="View Forum">
View Forum
</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a id="user-profile-link" href="{relative_path}/user/{user.userslug}" target="_top">
View Profile
</a>
</li>
<li role="presentation" class="hidden-lg hidden-md hidden-sm divider"></li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="#" class="reload" title="Reload Forum">
Reload Forum
</a>
</li>
<li class="hidden-lg hidden-md hidden-sm">
<a href="#" class="restart" title="Restart Forum">
Restart Forum
</a>
</li>
<li role="presentation" class="hidden-lg hidden-md hidden-sm divider"></li>
<li component="logout" class="hidden-lg hidden-md hidden-sm">
<a href="#">Log out</a>
</li>
<li style="float:left;">
<form class="navbar-form hidden-xs" role="search">
<div class="form-group" id="acp-search" >
<div class="dropdown" >
<input type="text" data-toggle="dropdown" class="form-control" placeholder="/">
<ul class="dropdown-menu" role="menu"></ul>
</div>
</div>
</form>
</li>
<li id="user_label" class="dropdown pull-right hidden-xs">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
<img src="{user.picture}"/>
</a>
<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
<li>
<a href="{relative_path}/" target="_blank" title="View Forum">
View Forum
</a>
</li>
<li>
<a id="user-profile-link" href="{relative_path}/user/{user.userslug}" target="_top">
View Profile
</a>
</li>
<li role="presentation" class="divider"></li>
<li>
<a href="#" class="reload" title="Reload Forum">
Reload Forum
</a>
</li>
<li>
<a href="#" class="restart" title="Restart Forum">
Restart Forum
</a>
</li>
<li role="presentation" class="divider"></li>
<li component="logout">
<a href="#">Log out</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>-->
<!-- IMPORT admin/partials/menu.tpl -->
<div class="container" id="content">

@ -111,11 +111,6 @@
View Forum
</a>
</li>
<li>
<a id="user-profile-link" href="{relative_path}/user/{user.userslug}" target="_top">
View Profile
</a>
</li>
<li role="presentation" class="divider"></li>
<li>
<a href="#" class="reload" title="Reload Forum">
@ -133,5 +128,13 @@
</li>
</ul>
</li>
<form class="hidden-xs pull-right" role="search">
<div class="" id="acp-search" >
<div class="dropdown" >
<input type="text" data-toggle="dropdown" class="form-control" placeholder="Search...">
<ul class="dropdown-menu" role="menu"></ul>
</div>
</div>
</form>
</ul>
</nav>
Loading…
Cancel
Save