[Search] Clear icon working

Clicking on the clear icon now clears
the input text in the search bar.
This commit is contained in:
slhale
2015-08-12 12:46:01 -07:00
parent a76e54483a
commit dd993c81a7
4 changed files with 154 additions and 124 deletions

View File

@@ -32,6 +32,7 @@
margin-top: 10px;
.search {
position: relative;
.search-bar {
$heightAdjust: 4px;
@@ -78,20 +79,26 @@
}
.clear-icon {
position: absolute;
display: block;
cursor: pointer;
color: $colorItemFg;
font-size: 6px;
float: right;
margin-right: 2px;
margin-top: -2px;
padding: 4px;
&.content {
// Make button visible only when there is text input
}
right: 0px;
top: -1px;
margin-right: 2px;
//temp
cursor: crosshair;
// Icon is visible only when there is text input
visibility: hidden;
&.content {
visibility: visible;
}
}
}