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

[Search] Load more button style

Browse Source 
Styled the load more button to match
the general theme.
This commit is contained in:
shale 2015-07-22 15:15:50 -07:00
parent d82538a799
commit 1dbe039be8
3 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -271,37 +271,41 @@ ul.tree {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 28, ../sass/search/_search.scss */ /* line 27, ../sass/search/_search.scss */
.search-holder .searchbar { .search-holder .searchbar {
width: 100%; width: 100%;
margin-top: 20px; } margin-top: 20px; }
/* line 33, ../sass/search/_search.scss */ /* line 32, ../sass/search/_search.scss */
.search-holder .results { .search-holder .results {
margin-top: 10px; } margin-top: 10px; }
/* line 36, ../sass/search/_search.scss */ /* line 35, ../sass/search/_search.scss */
.search-holder .results .search-result-item { .search-holder .results .search-result-item {
margin-bottom: 5px; margin-bottom: 5px;
background: #005177; background: #005177;
border-radius: 2px; border-radius: 2px;
padding-top: 2px; padding-top: 2px;
padding-bottom: 1px; } padding-bottom: 1px; }
/* line 43, ../sass/search/_search.scss */ /* line 42, ../sass/search/_search.scss */
.search-holder .results .search-result-item .label { .search-holder .results .search-result-item .label {
left: 15px; left: 15px;
margin-left: 8px; } margin-left: 6px; }
/* line 53, ../sass/search/_search.scss */ /* line 51, ../sass/search/_search.scss */
.search-holder .results .search-result-item .label .title-label { .search-holder .results .search-result-item .label .title-label {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
width: auto; width: auto;
left: 31px; left: 29px;
right: 0; right: 0;
font-size: .8em; font-size: .8em;
line-height: 17px; line-height: 17px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 72, ../sass/search/_search.scss */ /* line 70, ../sass/search/_search.scss */
.search-holder .load-more-button { .search-holder .load-more-button {
width: 100%; margin-top: 5px;
margin-top: 5px; } position: relative;
left: 25%;
height: 20px;
line-height: 11px;
font-size: 0.7em; }

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

@ -22,8 +22,7 @@
.search-holder { .search-holder {
$iconWidth: 20px; $iconWidth: 20px;
//$iconheight: 17px; $leftMargin: 6px;
$leftMargin: 8px;
.searchbar { .searchbar {
width: 100%; width: 100%;
@ -41,7 +40,6 @@
padding-bottom: 1px; padding-bottom: 1px;
.label { .label {
//position: absolute;
left: 15px; left: 15px;
margin-left: $leftMargin; margin-left: $leftMargin;
@ -70,7 +68,13 @@
} }
.load-more-button { .load-more-button {
width: 100%;
margin-top: 5px; margin-top: 5px;
position: relative;
left: 25%;
height: 20px;
line-height: 11px;
font-size: 0.7em;
} }
} }

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

@ -40,7 +40,7 @@
<!-- Load more? --> <!-- Load more? -->
<div ng-if="controller.areMore()"> <div ng-if="controller.areMore()">
<button class="load-more-button" <button class="load-more-button btn very-subtle"
ng-click="controller.loadMore()"> ng-click="controller.loadMore()">
Load more Load more
</button> </button>