[Search] Filter display

Added display below the search bar of what
search filters are currently active.
Not yet correctly aligned wrt search
results list.
This commit is contained in:
slhale
2015-08-13 15:11:17 -07:00
parent 74cf4d73d5
commit 5726dd0e0c
4 changed files with 98 additions and 45 deletions

View File

@@ -38,6 +38,7 @@
$textInputHeight: 19px; // This is equal to the default value, 19px
width: 100%;
height: $textInputHeight;
margin-top: $heightAdjust;
position: relative;
@@ -172,13 +173,9 @@
color: white;
}
&:hover {
// Do nothing
}
&.special {
font-weight: bold;
background-color: lighten($colorBodyBg, 25%);
background-color: lighten($colorBodyBg, 30%);
.search-menu-label {
font-size: 1.1em;
@@ -210,6 +207,26 @@
}
}
.active-filter-display {
font-size: .6em;
height: auto;
.clear-filters-icon {
position: absolute;
right: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: $rightPadding + 4px;
padding-left: 4px;
cursor: pointer;
color: $colorItemFg;
font-size: 6px;
}
}
.search-scroll {
// Spacing away from the search input
top: 25px;