ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-31 22:50:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Search] Positioning fixed

Browse Source 
Fixed the search results so that they
now display correctly, with overflow
hidden, and no unusual positioning.
Also changed font size to 0.8em.
This commit is contained in:
shale 2015-07-22 13:38:57 -07:00
parent 3ae681c79c
commit dcd4006017
3 changed files with 33 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -275,16 +275,24 @@ ul.tree {
span.search-holder .searchbar { span.search-holder .searchbar {
width: 100%; width: 100%;
margin-top: 20px; } margin-top: 20px; }
/* line 44, ../sass/search/_search.scss */ /* line 32, ../sass/search/_search.scss */
span.search-holder .results .searchbar-item .label .title-label { span.search-holder .results {
position: relative; margin-top: 10px; }
left: 20px; /* line 35, ../sass/search/_search.scss */
top: -17px; span.search-holder .results .search-result-item {
display: block; margin-bottom: 5px; }
overflow: hidden; /* line 45, ../sass/search/_search.scss */
text-overflow: ellipsis; span.search-holder .results .search-result-item .label .title-label {
white-space: nowrap; } display: inline-block;
/* line 58, ../sass/search/_search.scss */ position: absolute;
width: auto;
left: 20px;
right: 0;
font-size: .8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* line 63, ../sass/search/_search.scss */
span.search-holder .load-more-button { span.search-holder .load-more-button {
width: 100%; width: 100%;
margin-top: 20px; } margin-top: 5px; }

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

@ -22,7 +22,7 @@
span.search-holder { span.search-holder {
$iconwidth: 20px; $iconwidth: 20px;
$iconheight: 17px; //$iconheight: 17px;
.searchbar { .searchbar {
width: 100%; width: 100%;
@ -30,9 +30,10 @@ span.search-holder {
} }
.results { .results {
margin-top: 10px;
.searchbar-item { .search-result-item {
//margin-top: 5px; margin-bottom: 5px;
.label { .label {
@ -42,11 +43,15 @@ span.search-holder {
} }
.title-label { .title-label {
position: relative; display: inline-block;
left: $iconwidth; position: absolute;
top: -$iconheight;
width: auto;
left: $iconwidth;
right: 0;
font-size: .8em;
display: block;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -57,6 +62,6 @@ span.search-holder {
.load-more-button { .load-more-button {
width: 100%; width: 100%;
margin-top: 20px; margin-top: 5px;
} }
} }

2
platform/features/search/res/templates/searchbar-item.html
View File

@ -20,7 +20,7 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div class="searchbar-item"> <div class="search-result-item">
<mct-representation <mct-representation
key="'label'" key="'label'"
mct-object="domainObject" mct-object="domainObject"