Add banner text, begin styling

Co-authored-by: Robert-Anthony Lee-Faison <leefaisonr@users.noreply.github.com>
pulibrary · Nov 9, 2023 · b1d1543 · b1d1543
1 parent 3aef33b
commit b1d1543
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -59,6 +59,7 @@
 @import 'components/request';
 @import 'components/search';
 @import 'components/search--advanced';
+@import 'components/search-banner.scss';
 @import 'components/search-options';
 @import 'components/search-results';
 @import 'components/skip-links';

diff --git a/app/assets/stylesheets/components/search-banner.scss b/app/assets/stylesheets/components/search-banner.scss
@@ -0,0 +1,3 @@
+#results-banner {
+    background-color: #BBCDE5;
+}
diff --git a/app/views/catalog/_search_results.html.erb b/app/views/catalog/_search_results.html.erb
@@ -21,6 +21,8 @@
   <%= render 'constraints' %>
 <% end %>
 
+<%= render 'search_results_banner' if Flipflop.search_result_form? %>
+
 <%= render 'search_header' %>
 
 <h2 class="sr-only visually-hidden"><%= t('blacklight.search.search_results') %></h2>

diff --git a/app/views/catalog/_search_results_banner.html.erb b/app/views/catalog/_search_results_banner.html.erb
@@ -0,0 +1,4 @@
+<div role="alert" id="results-banner">
+We are working to address bias in the library's search results. If these results
+appear biased, please let us know!
+</div>