ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-19 15:43:48 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[Search] Fix results display

Browse Source 
Search results are now properly displayed again.
This commit is contained in:
slhale
2015-08-12 13:05:30 -07:00
parent 0218bad9e8
commit eefc746567
2 changed files with 126 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
platform/commonUI/general/res/css/tree.css
View File

@ -276,132 +276,131 @@ ul.tree {
padding-right: 5px; padding-right: 5px;
top: 23px; top: 23px;
margin-top: 10px; } margin-top: 10px; }
/* line 34, ../sass/search/_search.scss */ /* line 36, ../sass/search/_search.scss */
.search-holder .search { .search-holder .search .search-bar {
width: 100%;
margin-top: 4px;
position: relative; } position: relative; }
/* line 37, ../sass/search/_search.scss */ /* line 45, ../sass/search/_search.scss */
.search-holder .search .search-bar { .search-holder .search .search-bar .search-input {
position: relative;
top: -4px;
width: 100%; width: 100%;
margin-top: 4px; } height: 19px;
/* line 44, ../sass/search/_search.scss */ padding-right: 16px; }
.search-holder .search .search-bar .search-input { /* line 55, ../sass/search/_search.scss */
position: relative; .search-holder .search .search-bar .search-icon {
top: -4px; color: #737373;
width: 100%; font-size: 12px;
padding-right: 16px; } margin-left: 3px;
/* line 53, ../sass/search/_search.scss */ width: 0;
.search-holder .search .search-bar .search-icon { height: 0;
color: #737373; margin-top: -19px;
font-size: 12px; transition: visibility .15s, opacity .15s; }
margin-left: 3px; /* line 70, ../sass/search/_search.scss */
width: 0; .search-holder .search .search-bar .search-icon.content {
height: 0;
margin-top: -19px;
transition: visibility .15s, opacity .15s; }
/* line 68, ../sass/search/_search.scss */
.search-holder .search .search-bar .search-icon.content {
visibility: hidden;
opacity: 0; }
/* line 75, ../sass/search/_search.scss */
.search-holder .search .search-bar .search-input:focus + div.search-icon {
visibility: hidden; visibility: hidden;
opacity: 0; } opacity: 0; }
/* line 81, ../sass/search/_search.scss */ /* line 77, ../sass/search/_search.scss */
.search-holder .search .search-bar .clear-icon { .search-holder .search .search-bar .search-input:focus + div.search-icon {
position: absolute; visibility: hidden;
display: block; opacity: 0; }
cursor: pointer; /* line 83, ../sass/search/_search.scss */
color: #737373; .search-holder .search .search-bar .clear-icon {
font-size: 6px; position: absolute;
padding: 6px; display: block;
padding-left: 4px; cursor: pointer;
right: 0px; color: #737373;
top: -3px; font-size: 6px;
visibility: hidden; padding: 6px;
opacity: 0; padding-left: 4px;
transition: visibility .15s, opacity .15s; } right: 0px;
/* line 101, ../sass/search/_search.scss */ top: -3px;
.search-holder .search .search-bar .clear-icon.content { visibility: hidden;
visibility: visible; opacity: 0;
opacity: 1; } transition: visibility .15s, opacity .15s; }
/* line 108, ../sass/search/_search.scss */ /* line 103, ../sass/search/_search.scss */
.search-holder .search .search-scroll { .search-holder .search .search-bar .clear-icon.content {
top: 25px; visibility: visible;
overflow-y: auto; opacity: 1; }
padding-right: 5px; } /* line 110, ../sass/search/_search.scss */
/* line 116, ../sass/search/_search.scss */ .search-holder .search .search-scroll {
.search-holder .search .search-scroll .results .search-result-item { top: 25px;
-moz-transition: background-color 0.25s; overflow-y: auto;
-o-transition: background-color 0.25s; padding-right: 5px; }
-webkit-transition: background-color 0.25s; /* line 118, ../sass/search/_search.scss */
transition: background-color 0.25s; .search-holder .search .search-scroll .results .search-result-item {
margin-bottom: 2px; -moz-transition: background-color 0.25s;
border-radius: 2px; -o-transition: background-color 0.25s;
padding-top: 4px; -webkit-transition: background-color 0.25s;
padding-bottom: 2px; } transition: background-color 0.25s;
/* line 130, ../sass/search/_search.scss */ margin-bottom: 2px;
.search-holder .search .search-scroll .results .search-result-item .label { border-radius: 2px;
margin-left: 6px; } padding-top: 4px;
/* line 134, ../sass/search/_search.scss */ padding-bottom: 2px; }
.search-holder .search .search-scroll .results .search-result-item .label .title-label { /* line 132, ../sass/search/_search.scss */
display: inline-block; .search-holder .search .search-scroll .results .search-result-item .label {
position: absolute; margin-left: 6px; }
left: 29px; /* line 136, ../sass/search/_search.scss */
right: 5px; .search-holder .search .search-scroll .results .search-result-item .label .title-label {
font-size: .8em; display: inline-block;
line-height: 17px; position: absolute;
width: auto; left: 29px;
overflow: hidden; right: 5px;
text-overflow: ellipsis; font-size: .8em;
white-space: nowrap; } line-height: 17px;
/* line 156, ../sass/search/_search.scss */ width: auto;
.search-holder .search .search-scroll .results .search-result-item.selected { overflow: hidden;
background: #005177; text-overflow: ellipsis;
white-space: nowrap; }
/* line 158, ../sass/search/_search.scss */
.search-holder .search .search-scroll .results .search-result-item.selected {
background: #005177;
color: #fff; }
/* line 162, ../sass/search/_search.scss */
.search-holder .search .search-scroll .results .search-result-item.selected .view-control {
color: #0099cc; }
/* line 165, ../sass/search/_search.scss */
.search-holder .search .search-scroll .results .search-result-item.selected .label .type-icon {
color: #fff; } color: #fff; }
/* line 160, ../sass/search/_search.scss */ /* line 172, ../sass/search/_search.scss */
.search-holder .search .search-scroll .results .search-result-item.selected .view-control { .search-holder .search .search-scroll .results .search-result-item:not(.selected):hover {
color: #0099cc; } background: #404040;
/* line 163, ../sass/search/_search.scss */ color: #cccccc; }
.search-holder .search .search-scroll .results .search-result-item.selected .label .type-icon { /* line 175, ../sass/search/_search.scss */
color: #fff; } .search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger {
/* line 170, ../sass/search/_search.scss */ display: block; }
.search-holder .search .search-scroll .results .search-result-item:not(.selected):hover { /* line 178, ../sass/search/_search.scss */
background: #404040; .search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .icon {
color: #cccccc; } color: #33ccff; }
/* line 173, ../sass/search/_search.scss */ /* line 186, ../sass/search/_search.scss */
.search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .context-trigger { .search-holder .search .search-scroll .load-icon {
display: block; } position: relative; }
/* line 176, ../sass/search/_search.scss */ /* line 188, ../sass/search/_search.scss */
.search-holder .search .search-scroll .results .search-result-item:not(.selected):hover .icon { .search-holder .search .search-scroll .load-icon.loading {
color: #33ccff; } pointer-events: none;
/* line 184, ../sass/search/_search.scss */ margin-left: 6px; }
.search-holder .search .search-scroll .load-icon { /* line 192, ../sass/search/_search.scss */
position: relative; } .search-holder .search .search-scroll .load-icon.loading .title-label {
/* line 186, ../sass/search/_search.scss */ font-style: italic;
.search-holder .search .search-scroll .load-icon.loading { font-size: .9em;
pointer-events: none; opacity: 0.5;
margin-left: 26px;
line-height: 24px; }
/* line 202, ../sass/search/_search.scss */
.search-holder .search .search-scroll .load-icon.loading .wait-spinner {
margin-left: 6px; } margin-left: 6px; }
/* line 190, ../sass/search/_search.scss */ /* line 207, ../sass/search/_search.scss */
.search-holder .search .search-scroll .load-icon.loading .title-label { .search-holder .search .search-scroll .load-icon:not(.loading) {
font-style: italic; cursor: pointer; }
font-size: .9em; /* line 212, ../sass/search/_search.scss */
opacity: 0.5; .search-holder .search .search-scroll .load-more-button {
margin-left: 26px; margin-top: 5px;
line-height: 24px; } margin-bottom: 5px;
/* line 200, ../sass/search/_search.scss */ position: relative;
.search-holder .search .search-scroll .load-icon.loading .wait-spinner { left: 25%;
margin-left: 6px; } width: 50%;
/* line 205, ../sass/search/_search.scss */ white-space: nowrap;
.search-holder .search .search-scroll .load-icon:not(.loading) { height: 20px;
cursor: pointer; } line-height: 11px;
/* line 210, ../sass/search/_search.scss */ font-size: 0.7em; }
.search-holder .search .search-scroll .load-more-button {
margin-top: 5px;
margin-bottom: 5px;
position: relative;
left: 25%;
width: 50%;
white-space: nowrap;
height: 20px;
line-height: 11px;
font-size: 0.7em; }

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

@ -32,19 +32,21 @@
margin-top: 10px; margin-top: 10px;
.search { .search {
position: relative;
.search-bar { .search-bar {
$heightAdjust: 4px; $heightAdjust: 4px;
$textInputHeight: 19px; $textInputHeight: 19px; // This is equal to the default value, 19px
width: 100%; width: 100%;
margin-top: $heightAdjust; margin-top: $heightAdjust;
position: relative;
.search-input { .search-input {
position: relative; position: relative;
top: -$heightAdjust; top: -$heightAdjust;
width: 100%; width: 100%;
height: $textInputHeight;
// For clear button // For clear button
padding-right: 16px; padding-right: 16px;