Use bootstrap styles for skip links

See https://github.com/projectblacklight/spotlight/blob/af4f9f06e1fa13bed804e3085d225862fe670117/app/views/layouts/spotlight/base.html.erb#L27C1-L33C11
sul-dlss · Sep 25, 2024 · 27953ee · 27953ee
1 parent af2196c
commit 27953ee
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/app/views/layouts/spotlight/base.html.erb b/app/views/layouts/spotlight/base.html.erb
@@ -25,13 +25,9 @@
   </head>
   <body class="<%= render_body_class %>">
     <%= render partial: 'shared/body_preamble' %>
-    <div id="skip-link">
-      <% if should_render_spotlight_search_bar? %>
-        <%= link_to t('blacklight.skip_links.search_field'), '#search_field', class: 'element-invisible element-focusable rounded-bottom py-2 px-3', data: { turbo: false } %>
-      <% end %>
-      <%= link_to t('blacklight.skip_links.main_content'), '#main-container', class: 'element-invisible element-focusable rounded-bottom py-2 px-3', data: { turbo: false } %>
+    <%= render blacklight_config.skip_link_component.new do %>
       <%= content_for(:skip_links) %>
-    </div>
+    <% end %>
 
     <%= render partial: 'shared/header_navbar' %>
     <%= render partial: 'shared/masthead' %>