litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve homepage search form

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
webapp/src/main/webapp/themes/tenderfoot/css/page-home.css
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 */

BIN
webapp/src/main/webapp/themes/tenderfoot/images/stats-bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

12
webapp/src/main/webapp/themes/tenderfoot/templates/page/page-home.ftl
View file

@ -38,11 +38,9 @@
<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">
<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>
@ -51,9 +49,15 @@
</#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>