update facet drawer height, add offcanvas header

Author: dnoneill

app/assets/stylesheets/searchworks4/facets.css

@@ -170,3 +170,7 @@ label[for="facet_option_stanford_only"] > a {
 .blacklight-catalog:not(:has(.constraints .constraint)) #facet-pub_year_tisim .chart-wrapper {
   display: none !important; /* important needed to override the inline style that chartjs inserts */
 }
+
+#offcanvas-facets {
+  --bs-offcanvas-height: 80%;
+}

app/views/catalog/_new_search.html.erb

@@ -9,7 +9,10 @@
     </button>
 
     <div id="offcanvas-facets" class="offcanvas-md offcanvas-bottom offcanvas-sm-start">
-      <div class="offcanvas-body flex-column">
+      <div class="offcanvas-header">
+        <button type="button" class="btn-close" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-facets" aria-label="Close"></button>
+      </div>
+      <div class="offcanvas-body pt-0 flex-column">
         <%= render 'facet_header' %>
         <%= render Facets::GroupComponent.new(id: 'top-filters', title: 'Top filters',
                                               container_classes: 'facets top-filters sidenav mb-md-4',

app/views/catalog/_search_results.html.erb

@@ -51,7 +51,10 @@
         </button>
 
         <div id="offcanvas-facets" class="offcanvas-md offcanvas-bottom offcanvas-sm-start">
-          <div class="offcanvas-body flex-column">
+          <div class="offcanvas-header">
+            <button type="button" class="btn-close" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-facets" aria-label="Close"></button>
+          </div>
+          <div class="offcanvas-body pt-0 flex-column">
             <%= render 'facet_header' %>
             <%= render Facets::GroupComponent.new(id: 'top-filters', title: 'Top filters',
                                                   container_classes: 'facets top-filters sidenav mb-md-4',