alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Search] Search filter options display style

Browse Source 
Created a box around the options display.
This commit is contained in:
slhale
2015-08-14 10:52:03 -07:00
parent 26ab9af911
commit 94662cb904
2 changed files with 60 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
platform/commonUI/general/res/sass/search/_search.scss
View File

@@ -40,13 +40,13 @@
$heightAdjust: 4px;
$textInputHeight: 19px; // This is equal to the default value, 19px
order: 1;
position: relative;
width: 100%;
height: $textInputHeight;
margin-top: $heightAdjust;
position: relative;
order: 1;
.search-input {
position: relative;
top: -$heightAdjust;
@@ -221,13 +221,18 @@
}
.active-filter-display {
font-size: .6em;
// Align bottom correctly
margin-bottom: -3px;
order: 2;
font-size: .6em;
background-color: lighten($colorBodyBg, 10%);
border-radius: 2px;
border: 1px solid lighten($colorBodyBg, 5%);
padding-left: 4px;
padding-right: 4px;
overflow: hidden;
margin-top: 2px;
.clear-filters-icon {
padding: 4px;
@@ -243,21 +248,26 @@
.filter-options {
position: relative;
margin-left: 10px;
top: -8px;
margin-bottom: -6px;
// Hanging indent
margin-left: 14px;
text-indent: -4px;
}
}
.search-scroll {
// Spacing away from the search input
//top: 25px;
overflow-y: auto;
padding-right: $rightPadding;
order: 3;
padding-right: $rightPadding;
margin-top: 4px;
// Adjustable scrolling size
overflow-y: auto;
top: auto;
height: auto;
max-height: 100%;
order: 3;
position: relative;
.results {