1
1
Fork 0

contacts page: style search wrapper

This commit is contained in:
rabuzarus 2016-04-21 00:00:58 +02:00
parent b1e07faf4f
commit 8b5004a08f
2 changed files with 18 additions and 11 deletions

View file

@ -1476,10 +1476,7 @@ ul.dropdown-menu li:hover {
} }
.form-group-search { .form-group-search {
position: relative; position: relative;
} width: 100%;
.form-group-search {
position: relative;
} }
.form-group-search .form-button-search { .form-group-search .form-button-search {
@ -1488,6 +1485,10 @@ ul.dropdown-menu li:hover {
right: 4px; right: 4px;
border-radius: 30px; border-radius: 30px;
} }
.search-input.form-control.form-search {
width: 100%;
}
/* PAGES */ /* PAGES */
@ -1550,6 +1551,9 @@ ul.viewcontact_wrapper > li {
color: #777; color: #777;
font-size: 15px; font-size: 15px;
} }
#contacts-search-wrapper {
padding: 10px 0;
}
/* /*
* Overwriting for transparency and other colors * Overwriting for transparency and other colors

View file

@ -4,20 +4,23 @@
{{$tabs}} {{$tabs}}
{{* The page headding with it's contacts counter *}} {{* The page headding with it's contacts counter *}}
<h2 class="headding">{{$header}} {{if $total}} ({{$total}}) {{/if}}</h2> <h3 class="headding">{{$header}} {{if $total}} ({{$total}}) {{/if}}</h3>
{{if $finding}}<h4>{{$finding}}</h4>{{/if}} {{if $finding}}<h4>{{$finding}}</h4>{{/if}}
{{* The search input field to search for contacts *}} {{* The search input field to search for contacts *}}
<div id="contacts-search-wrapper"> <div id="contacts-search-wrapper">
<form id="contacts-search-form" class="navbar-form" action="{{$cmd}}" method="get" > <form id="contacts-search-form" class="navbar-form" role="search" action="{{$cmd}}" method="get" >
<label for="contacts-search" class="contacts-search-desc">{{$desc}}</label><br/> <div class="row">
<div class="input-group"> <div class="col-md-2"></div>
<input type="text" name="search" id="contacts-search" class="search-input form-control" onfocus="this.select();" value="{{$search|escape:'html'}}" /> <div class="col-md-8 ">
<div class="input-group-btn"> <div class="form-group form-group-search">
<button class="btn btn-default" type="submit" name="submit" id="contacts-search-submit" value="{{$submit|escape:'html'}}"><i class="fa fa-search"></i></button> <input type="text" name="search" id="contacts-search" class="search-input form-control form-search" onfocus="this.select();" value="{{$search|escape:'html'}}" placeholder="{{$desc}}"/>
<button class="btn btn-default btn-sm form-button-search" type="submit" name="submit" id="contacts-search-submit" value="{{$submit|escape:'html'}}">{{$submit}}</button>
</div> </div>
</div> </div>
<div class="col-md-2"></div>
</div>
</form> </form>
</div> </div>