From bd7100a0624c7a27bc643fee45e8d8119d7bca1e Mon Sep 17 00:00:00 2001 From: Joffrey JAFFEUX Date: Mon, 9 Apr 2018 17:51:09 +0200 Subject: [PATCH] FEATURE: revamp full-page-search UI (#5703) This is the first iteration of this revamp, a following iteration will focus on improving the controls in the advanced search sidebar. --- .../controllers/full-page-search.js.es6 | 2 +- .../discourse/templates/full-page-search.hbs | 319 ++++++++++-------- .../stylesheets/common/base/search.scss | 301 ++++++++++------- .../common/select-kit/multi-select.scss | 1 - .../common/select-kit/select-kit.scss | 4 + app/assets/stylesheets/mobile/search.scss | 60 ++-- config/locales/client.cs.yml | 6 +- config/locales/client.de.yml | 4 +- config/locales/client.en.yml | 4 +- config/locales/client.es.yml | 4 +- config/locales/client.fi.yml | 4 +- config/locales/client.fr.yml | 4 +- config/locales/client.it.yml | 4 +- config/locales/client.nb_NO.yml | 4 +- config/locales/client.sl.yml | 8 +- config/locales/client.tr_TR.yml | 4 +- 16 files changed, 405 insertions(+), 328 deletions(-) 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 a33492a997..0273b7eaca 100644 --- a/app/assets/javascripts/discourse/controllers/full-page-search.js.es6 +++ b/app/assets/javascripts/discourse/controllers/full-page-search.js.es6 @@ -174,7 +174,7 @@ export default Ember.Controller.extend({ @computed('expanded') searchAdvancedIcon(expanded) { - return iconHTML(expanded ? "caret-down" : "caret-right"); + return iconHTML(expanded ? "caret-down fa-fw" : "caret-right fa-fw"); }, @computed('page') diff --git a/app/assets/javascripts/discourse/templates/full-page-search.hbs b/app/assets/javascripts/discourse/templates/full-page-search.hbs index 01edd14023..7562f5de7b 100644 --- a/app/assets/javascripts/discourse/templates/full-page-search.hbs +++ b/app/assets/javascripts/discourse/templates/full-page-search.hbs @@ -1,163 +1,188 @@ {{#d-section pageClass="search" class="search-container"}} - {{scroll-tracker name="full-page-search" tag=searchTerm}} -