Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Nitish Shriniwas Patkar
IonicBookApp
Commits
6340ba66
Commit
6340ba66
authored
Feb 17, 2016
by
Nitish Shriniwas Patkar
Browse files
Updated search bar with a search button and css for it
parent
67be3b3f
Changes
2
Hide whitespace changes
Inline
Side-by-side
app/styles/style.css
View file @
6340ba66
...
...
@@ -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
;
...
...
app/templates/tab-search.html
View file @
6340ba66
...
...
@@ -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>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment