From e1a24d1a03e39637fcce6de02aa726e25cc43373 Mon Sep 17 00:00:00 2001
From: protitude <miles.france@gmail.com>
Date: Tue, 25 Feb 2025 16:27:12 -0700
Subject: [PATCH] details

Add facets details style
---
 components/01-atoms/details/_details.scss | 26 +++++++++++++++++++++++
 components/01-atoms/details/details.js    |  7 ++++++
 2 files changed, 33 insertions(+)

diff --git a/components/01-atoms/details/_details.scss b/components/01-atoms/details/_details.scss
index 65410dc..0fd2e30 100644
--- a/components/01-atoms/details/_details.scss
+++ b/components/01-atoms/details/_details.scss
@@ -52,3 +52,29 @@ summary {
     background: $gray-lightest;
   }
 }
+
+html:has(main .view-facets) {
+  .sidebar-left .views-exposed-form {
+    details {
+      display: block;
+    }
+  }
+  .views-exposed-form {
+    details {
+      background: none;
+      border-left: none;
+      border-right: none;
+      border-top: none;
+
+      summary {
+        background: none;
+        border: none;
+        font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
+        font-size: 1.2rem;
+        font-weight: normal;
+        text-transform: uppercase;
+        margin-bottom: 0;
+      }
+    }
+  }
+}
diff --git a/components/01-atoms/details/details.js b/components/01-atoms/details/details.js
index e796503..40d4543 100644
--- a/components/01-atoms/details/details.js
+++ b/components/01-atoms/details/details.js
@@ -3,20 +3,27 @@
   "use strict";
 
     var dtn = $( ".main-content details" ).length;
+
     function detailsControls(placement) {
       $(placement).before('<div class="detail-control"><button class="button-internal open-deets">Open All</button> <button class="button-internal button-internal--active close-deets">Collapse All</button></div>');
     }
+
     if ( dtn > 2 && !$('details').hasClass("no-deets-controls") && !$('div').hasClass("deets-controls-here") ) {
       detailsControls('.main-content details:first');
     }
+
     if ( $('div').hasClass("deets-controls-here") ) {
       detailsControls(".deets-controls-here");
     }
+
     $('button.open-deets').click(function() {
       $('details').attr('open', '');
     });
+
     $('button.close-deets').click(function() {
       $('details').removeAttr('open');
     });
 
+    $('html:has(main .view-facets) .views-exposed-form details').attr('open', 'open');
+
 })(jQuery, Drupal);