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 {
|
.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
|
||||||
|
|
|
@ -4,19 +4,22 @@
|
||||||
{{$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 class="col-md-2"></div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue