ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-20 11:38:56 +00:00
Code Issues Actions 4 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
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 28, ../sass/search/_search.scss */
/* line 27, ../sass/search/_search.scss */
.search-holder .searchbar {
width: 100%;
margin-top: 20px; }
/* line 33, ../sass/search/_search.scss */
/* line 32, ../sass/search/_search.scss */
.search-holder .results {
margin-top: 10px; }
/* line 36, ../sass/search/_search.scss */
/* line 35, ../sass/search/_search.scss */
.search-holder .results .search-result-item {
margin-bottom: 5px;
background: #005177;
border-radius: 2px;
padding-top: 2px;
padding-bottom: 1px; }
/* line 43, ../sass/search/_search.scss */
/* line 42, ../sass/search/_search.scss */
.search-holder .results .search-result-item .label {
left: 15px;
margin-left: 8px; }
/* line 53, ../sass/search/_search.scss */
margin-left: 6px; }
/* line 51, ../sass/search/_search.scss */
.search-holder .results .search-result-item .label .title-label {
display: inline-block;
position: absolute;
width: auto;
left: 31px;
left: 29px;
right: 0;
font-size: .8em;
line-height: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* line 72, ../sass/search/_search.scss */
/* line 70, ../sass/search/_search.scss */
.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 {
$iconWidth: 20px;
//$iconheight: 17px;
$leftMargin: 8px;
$leftMargin: 6px;
.searchbar {
width: 100%;
@ -41,7 +40,6 @@
padding-bottom: 1px;
.label {
//position: absolute;
left: 15px;
margin-left: $leftMargin;
@ -70,7 +68,13 @@
}
.load-more-button {
width: 100%;
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? -->
<div ng-if="controller.areMore()">
<button class="load-more-button"
<button class="load-more-button btn very-subtle"
ng-click="controller.loadMore()">
Load more
</button>