From 4cb79ce8be4afd9ea7f6cd47f731c381d176828c Mon Sep 17 00:00:00 2001 From: Alan Guo Xiang Tan Date: Thu, 23 Mar 2023 06:28:47 +0800 Subject: [PATCH] UX: Styling adjustments for filters page (#20768) Change styling of filter input & remove button. This follows the same pattern of design we use for search. In the search dropdown we do not have a button to search. We rely on pressing enter. I've also provided an example of Github's PR filter UI at the bottom of this comment. We also do not have buttons like this on any other topic-list header. On tag and category dropdowns, we also rely on pressing enter to filter the topic list by chosen categories & tags. Co-authored-by: Jordan Vidrine --- .../discourse/app/components/d-navigation.hbs | 21 +++++------ .../common/components/topic-query-filter.scss | 35 ++++++++++++++++++- .../components/topic_query_filter.rb | 7 +--- 3 files changed, 44 insertions(+), 19 deletions(-) diff --git a/app/assets/javascripts/discourse/app/components/d-navigation.hbs b/app/assets/javascripts/discourse/app/components/d-navigation.hbs index 2b7badf2092..95098c83b71 100644 --- a/app/assets/javascripts/discourse/app/components/d-navigation.hbs +++ b/app/assets/javascripts/discourse/app/components/d-navigation.hbs @@ -1,17 +1,14 @@ {{#if this.isQueryFilterMode}}
- - - +
+ {{d-icon "filter" class="topic-query-filter__icon"}} + +
{{else}}