Commit 6340ba66 authored by Nitish Shriniwas Patkar's avatar Nitish Shriniwas Patkar
Browse files

Updated search bar with a search button and css for it

parent 67be3b3f
......@@ -4,17 +4,24 @@
#search-input {
text-align: center;
}
#search-bar {
background: none;
width: 100%;
top: 44px;
height: 70px;
z-index: 3;
}
#search-bar .item {
width: 90%;
float: left;
background: none;
padding: 0.3%;
border: none;
}
#content {
top: 44px;
padding-top: 45px;
......
......@@ -4,14 +4,22 @@
<h4>Which book you wish to read today?</h4>
<!-- Search bar follows-->
<div id="search-bar">
<div class="item item-input-inset">
<label class="item-input-wrapper" id="search-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="text" placeholder="Search" ng-model="query" ng-change="search()">
</label>
<div id="search-bar">
<div class="item item-input-inset">
<label class="item-input-wrapper" id="search-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="text" placeholder="Search">
</label>
</div>
<div class="anchor">
<a class="button button-dark">Search</a>
</div>
</div>
</div>
<!-- List will be shown here -->
<p>Following list be shown only on search</p>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment