diff --git a/app/assets/javascripts/discourse/controllers/full-page-search.js.es6 b/app/assets/javascripts/discourse/controllers/full-page-search.js.es6 index b33f338f6fb..8487a63a3ce 100644 --- a/app/assets/javascripts/discourse/controllers/full-page-search.js.es6 +++ b/app/assets/javascripts/discourse/controllers/full-page-search.js.es6 @@ -138,9 +138,9 @@ export default Ember.Controller.extend({ return this.currentUser && this.currentUser.staff && hasResults; }, - @computed + @computed('isExpanded') canCreateTopic() { - return this.currentUser && !this.site.mobileView; + return this.currentUser && !this.site.mobileView && !this.get('isExpanded'); }, _search() { diff --git a/app/assets/javascripts/discourse/templates/full-page-search.hbs b/app/assets/javascripts/discourse/templates/full-page-search.hbs index 31df545ec72..08154200f21 100644 --- a/app/assets/javascripts/discourse/templates/full-page-search.hbs +++ b/app/assets/javascripts/discourse/templates/full-page-search.hbs @@ -2,7 +2,7 @@ {{search-text-field value=searchTerm class="full-page-search input-xxlarge search no-blur" action="search" hasAutofocus=hasAutofocus}} {{d-button action="search" icon="search" class="btn-primary" disabled=searching}} - {{search-advanced-options searchTerm=searchTerm}} + {{search-advanced-options searchTerm=searchTerm isExpanded=isExpanded}} {{#if canCreateTopic}} {{d-button id="create-topic" class="btn-default" action="createTopic" actionParam=searchTerm icon="plus" label="topic.create"}} @@ -42,7 +42,9 @@ {{#if searchActive}} {{i18n "search.no_results"}} {{/if}} - {{i18n "search.search_help"}} + {{#unless isExpanded}} + {{i18n "search.search_help"}} + {{/unless}} {{/unless}} @@ -118,7 +120,9 @@ {{#if hasResults}} {{/if}} diff --git a/app/assets/stylesheets/common/base/search.scss b/app/assets/stylesheets/common/base/search.scss index 2fe1a4d8fb2..c307b9d6918 100644 --- a/app/assets/stylesheets/common/base/search.scss +++ b/app/assets/stylesheets/common/base/search.scss @@ -101,8 +101,9 @@ margin-bottom: 15px; .panel-title { - background-color: dark-light-diff($primary, $secondary, 90%, -75%); - padding: 5px 10px 5px 10px; + background-color: dark-light-diff($primary, $secondary, 94%, -80%); + padding: 8px 10px; + cursor: pointer; } .search-options {