diff --git a/app/assets/stylesheets/partials/_filters.scss b/app/assets/stylesheets/partials/_filters.scss index 2b86c586..cee6f4a4 100644 --- a/app/assets/stylesheets/partials/_filters.scss +++ b/app/assets/stylesheets/partials/_filters.scss @@ -30,10 +30,12 @@ & + .filter-options { max-height: 200px; overflow-y: scroll; + scrollbar-gutter: auto; scroll-behavior: auto; } } &.expanded:after { + font-family: FontAwesome; content: '\f078'; } &::-webkit-details-marker { @@ -81,17 +83,25 @@ } &:hover, - &:focus, - &.applied { + &:focus { background: #000; - color: #fff; span { color: #fff; } } - &.applied { - font-weight: $fw-bold; + .name { + color: #000; + &:hover, + &:focus { + color: #fff; + } + } + .name::after { + font-family: FontAwesome; + margin-left: 0.5rem; + content: '\f00d'; + } } } } diff --git a/app/helpers/results_helper.rb b/app/helpers/results_helper.rb new file mode 100644 index 00000000..13302e6c --- /dev/null +++ b/app/helpers/results_helper.rb @@ -0,0 +1,5 @@ +module ResultsHelper + def results_summary(hits) + hits.to_i >= 10000 ? '10,000+ items' : "#{number_with_delimiter(hits)} items" + end +end diff --git a/app/views/search/_filter.html.erb b/app/views/search/_filter.html.erb index b09e348e..95a13de1 100644 --- a/app/views/search/_filter.html.erb +++ b/app/views/search/_filter.html.erb @@ -1,7 +1,7 @@ <% return if values.empty? %>
-