discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-07-12 03:43:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,16 +14,18 @@
<ul> <ul>
<li class='heading row'> <li class='heading row'>
{{resultType.name}} {{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> </li>
{{view 'search-results-type' type=resultType.type displayType=resultType.displayType content=resultType.results}} {{view 'search-results-type' type=resultType.type displayType=resultType.displayType content=resultType.results}}
</ul> </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}} {{/each}}
{{else}} {{else}}
<div class='no-results'> <div class='no-results'>

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

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