Update search styles

This commit is contained in:
mDuo13
2020-08-19 18:25:26 -07:00
parent 7be06e0d74
commit 7934bb53d4
5 changed files with 85 additions and 38 deletions

View File

@@ -38,14 +38,18 @@
{% include 'template-github-edit.html' %}
<div class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" id="topnav-search-dropdown-toggle"><i class="fa fa-search"></i><span class="sr-only">Open Search</span></a>
<div class="nav-item dropdown" id="navbar-search">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" id="topnav-search-dropdown-toggle"><i class="fa fa-search"></i><span class="sr-only">{% trans %}Open Search{% endtrans %}</span></a>
<div class="dropdown-menu">
<form class="navbar-form navbar-right" id="navbar-search" role="search">
<form class="navbar-form navbar-right" role="search">
<div class="form-inline">
<label class="sr-only" for="topsearchbar">{% trans %}Search site...{% endtrans %}</label>
<input id="topsearchbar" name="q" type="text" class="form-control" class="top-search" placeholder="{% trans %}Search site...{% endtrans %}">
<button type="submit" class="btn btn-default fa fa-search">&nbsp;</button>
<div class="input-group">
<label class="input-group-prepend" for="topsearchbar"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search site...{% endtrans %}</span></label>
<input id="topsearchbox" name="q" type="text" class="form-control" placeholder="{% trans %}Search site...{% endtrans %}">
<div class="input-group-append">
<button type="button" class="btn btn-default" data-toggle="dropdown" data-target="topnav-search-dropdown-toggle"><i class="fa fa-times"></i><span class="sr-only">{% trans %}Close Search{% endtrans %}</span></button>
</div>
</div><!--/.input-group-->
</div>
</form>
</div><!--/.dropdown-menu-->