contacts page: style search wrapper
This commit is contained in:
parent
b1e07faf4f
commit
8b5004a08f
2 changed files with 18 additions and 11 deletions
|
@ -1476,10 +1476,7 @@ ul.dropdown-menu li:hover {
|
|||
}
|
||||
.form-group-search {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-group-search {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-group-search .form-button-search {
|
||||
|
@ -1488,6 +1485,10 @@ ul.dropdown-menu li:hover {
|
|||
right: 4px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.search-input.form-control.form-search {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* PAGES */
|
||||
|
||||
|
@ -1550,6 +1551,9 @@ ul.viewcontact_wrapper > li {
|
|||
color: #777;
|
||||
font-size: 15px;
|
||||
}
|
||||
#contacts-search-wrapper {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Overwriting for transparency and other colors
|
||||
|
|
|
@ -4,20 +4,23 @@
|
|||
{{$tabs}}
|
||||
|
||||
{{* 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}}
|
||||
|
||||
{{* The search input field to search for contacts *}}
|
||||
<div id="contacts-search-wrapper">
|
||||
<form id="contacts-search-form" class="navbar-form" action="{{$cmd}}" method="get" >
|
||||
<label for="contacts-search" class="contacts-search-desc">{{$desc}}</label><br/>
|
||||
<div class="input-group">
|
||||
<input type="text" name="search" id="contacts-search" class="search-input form-control" onfocus="this.select();" value="{{$search|escape:'html'}}" />
|
||||
<div class="input-group-btn">
|
||||
<button class="btn btn-default" type="submit" name="submit" id="contacts-search-submit" value="{{$submit|escape:'html'}}"><i class="fa fa-search"></i></button>
|
||||
<form id="contacts-search-form" class="navbar-form" role="search" action="{{$cmd}}" method="get" >
|
||||
<div class="row">
|
||||
<div class="col-md-2"></div>
|
||||
<div class="col-md-8 ">
|
||||
<div class="form-group form-group-search">
|
||||
<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 class="col-md-2"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in a new issue