codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-03-29 00:00:33 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: move "show more" in search to bottom of results

Browse source
This commit is contained in:
Jeff Atwood 2014-09-05 02:19:00 -07:00
parent 950e5c9965
commit dc8fc8c9e4
2 changed files with 12 additions and 7 deletions
app/assets
javascripts/discourse/templates
search.js.handlebars
stylesheets/common/base
header.scss

16
app/assets/javascripts/discourse/templates/search.js.handlebars
View file

@ -14,16 +14,18 @@
<ul>
<li class='heading row'>
{{resultType.name}}
{{#if resultType.more}}
<a href='#' class='filter' {{action moreOfType resultType.type bubbles=false}}>{{i18n show_more}}</a>
{{else}}
{{#if showCancelFilter}}
<a href='#' class='filter' {{action cancelType bubbles=false}}><i class='fa fa-times-circle'></i></a>
{{/if}}
{{/if}}
</li>
{{view 'search-results-type' type=resultType.type displayType=resultType.displayType content=resultType.results}}
</ul>
<div class='no-results'>
{{#if resultType.more}}
<a href='#' class='filter' {{action moreOfType resultType.type bubbles=false}}>{{i18n show_more}}</a>
{{else}}
{{#if showCancelFilter}}
<a href='#' class='filter' {{action cancelType bubbles=false}}><i class='fa fa-times-circle'></i></a>
{{/if}}
{{/if}}
</div>
{{/each}}
{{else}}
<div class='no-results'>

3
app/assets/stylesheets/common/base/header.scss
View file

@ -286,8 +286,11 @@
size: 18px;
};
}
// I am ghetto using this to display "Show More".. be warned
.no-results {
padding: 5px;
height: 12px;
width:60%;
}
.filter {
float: right;