add navbar search icon

This commit is contained in:
Oliver Gorwits
2012-02-03 16:02:45 +00:00
parent 7dee307161
commit acde618a72
3 changed files with 11 additions and 0 deletions

View File

@@ -5,6 +5,11 @@ body {
padding-top: 50px; padding-top: 50px;
} }
.navbar_icon {
vertical-align: middle;
cursor: pointer;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* various styles to adjust the hero box used for homepage + login */ /* various styles to adjust the hero box used for homepage + login */

View File

@@ -124,6 +124,11 @@ $(document).ready(function() {
// activate tooltips // activate tooltips
$("[rel=twipsy]").twipsy({live: true}); $("[rel=twipsy]").twipsy({live: true});
// bind submission to the navbar go icon
$('#navsearchgo').click(function() {
$('#navsearchgo').parent('form').submit();
});
// fix green background on search checkboxes // fix green background on search checkboxes
// https://github.com/twitter/bootstrap/issues/742 // https://github.com/twitter/bootstrap/issues/742
syncCheckBox = function() { syncCheckBox = function() {

View File

@@ -59,6 +59,7 @@
</ul> </ul>
<form method="get" action="[% uri_for('/search') %]"> <form method="get" action="[% uri_for('/search') %]">
<input placeholder="Find Anything" class="span5" id="nq" name="q" type="text"/> <input placeholder="Find Anything" class="span5" id="nq" name="q" type="text"/>
<img id="navsearchgo" class="navbar_icon" src="[% uri_base %]/images/crystalclear_mag.png"/>
</form> </form>
<ul class="nav secondary-nav"> <ul class="nav secondary-nav">
<li class="menu"> <li class="menu">