Improve homepage search form

This commit is contained in:
Graham Triggs 2017-05-26 19:34:18 +01:00
parent 412d09fd6a
commit ff37204799
3 changed files with 27 additions and 15 deletions

View file

@ -13,6 +13,14 @@
background: #283a4b;
}
.hero form input,
.hero form select {
margin-bottom: 0em;
margin-top: 0em;
margin-right: 0em;
margin-left: 0em;
}
.home-sections {
border-top: 1px dotted #dbe3e3; /* stroke */
border-bottom: 1px dotted #dbe3e3; /* stroke */

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

View file

@ -38,22 +38,26 @@
<div class="jumbotron">
<h1>${i18n().intro_title}</h1>
</div>
<form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" placeholder="${i18n().search_form}" class="form-horizontal">
<form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" class="form-horizontal">
<fieldset>
<div class="input-group">
<input type="text" name="querytext" class="form-control" value="" autocapitalize="off" />
<div class="input-group-btn">
<select class="form-control" id="classgroup" name="classgroup">
<option value="">${i18n().all_capitalized}</option>
<#list vClassGroups as group>
<#if (group.individualCount > 0)>
<option value="${group.uri}">${group.displayName?capitalize}</option>
</#if>
</#list>
</select>
<button class="btn btn-default" type="submit">
<span class="icon-search">${i18n().search_button}</span>
</button>
<div class="form-group pull-left" style="margin-right: 5px;">
<select class="form-control" id="classgroup" name="classgroup">
<option value="">${i18n().all_capitalized}</option>
<#list vClassGroups as group>
<#if (group.individualCount > 0)>
<option value="${group.uri}">${group.displayName?capitalize}</option>
</#if>
</#list>
</select>
</div>
<div class="form-group">
<div class="input-group">
<input type="text" name="querytext" class="form-control" value="" placeholder="${i18n().search_form}" autocapitalize="off" />
<span class="input-group-btn">
<button class="btn btn-default" type="submit">
<span class="icon-search">${i18n().search_button}</span>
</button>
</span>
</div>
</div>
</fieldset>