Align dropdown button in the search bar

This is done by setting the border color to transparent, but keeping it at 1px
sul-dlss · Dec 18, 2024 · ff9aa58 · ff9aa58
1 parent f658118
commit ff9aa58
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/assets/stylesheets/modules/layout.scss b/app/assets/stylesheets/modules/layout.scss
@@ -24,11 +24,11 @@
     }
 
     .dropdown-toggle {
-      --bs-btn-border-color: var(--stanford-black);
+      --bs-btn-border-color: transparent;
       --bs-btn-color: var(--stanford-black);
       --bs-btn-hover-color: var(--stanford-black);
-      --bs-btn-hover-border-color: var(--stanford-black);
-      --bs-btn-active-border-color: var(--stanford-black);
+      --bs-btn-hover-border-color: transparent;
+      --bs-btn-active-border-color: transparent;
       --bs-btn-active-color: var(--stanford-black);
     }
 

diff --git a/app/components/site_search_form_component.html.erb b/app/components/site_search_form_component.html.erb
@@ -7,7 +7,7 @@
     <% end %>
 
     <div class="dropdown d-inline-block border-end border-3" data-behavior="site-search-type-toggle" data-enabled="<%= helpers.in_search_across? ? '#item-search' : '#exhibit-search' %>" style="display: none">
-      <button type="button" class="btn btn-outline-secondary dropdown-toggle border-0" id="site-search-type" data-bs-toggle="dropdown" aria-expanded="false">
+      <button type="button" class="btn btn-outline-secondary dropdown-toggle" id="site-search-type" data-bs-toggle="dropdown" aria-expanded="false">
         <% if helpers.in_search_across? %>
           <%= t('site_search_form.find_all_items') %>
         <% else %>