Merge pull request #361 from cincodenada/fix-navbar

Fix navbar on mobile, make search an addon
This commit is contained in:
Mouse Reeve 2020-11-20 21:51:33 -08:00 committed by GitHub
commit 5e34d136fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -25,14 +25,18 @@
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
<img class="image logo" src="/static/images/logo-small.png" alt="Home page"> <img class="image logo" src="/static/images/logo-small.png" alt="Home page">
</a> </a>
<form class="navbar-item" action="/search/"> <form class="navbar-item column" action="/search/">
<div class="field is-grouped"> <div class="field has-addons">
<input aria-label="Search for a book or user" id="search-input" class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}"> <div class="control">
<button class="button" type="submit"> <input aria-label="Search for a book or user" id="search-input" class="input" type="text" name="q" placeholder="Search for a book or user" value="{{ query }}">
<span class="icon icon-search"> </div>
<span class="is-sr-only">search</span> <div class="control">
</span> <button class="button" type="submit">
</button> <span class="icon icon-search">
<span class="is-sr-only">search</span>
</span>
</button>
</div>
</div> </div>
</form> </form>