From 79cc21fce984ce71148775379e003ebabecc8e8b Mon Sep 17 00:00:00 2001
From: protitude <miles.france@gmail.com>
Date: Tue, 10 Sep 2024 21:16:51 +0000
Subject: [PATCH] Remove details block - style new drop-downs

---
 components/04-templates/_oda_reports.scss    | 37 +++++++++---------
 templates/block/block--facet-block.html.twig | 41 --------------------
 2 files changed, 19 insertions(+), 59 deletions(-)
 delete mode 100644 templates/block/block--facet-block.html.twig

diff --git a/components/04-templates/_oda_reports.scss b/components/04-templates/_oda_reports.scss
index 6d95506..efafdd4 100644
--- a/components/04-templates/_oda_reports.scss
+++ b/components/04-templates/_oda_reports.scss
@@ -13,27 +13,28 @@
 
 .path-reports {
 
-  .sidebar-left {
-
-    details {
-      background: inherit;
-      border-top: none;
-      border-left: none;
-      border-right: none;
-      margin: 0;
-    }
-
-    summary {
-      border: none;
-      font-weight: normal;
-      background: inherit;
-      margin: 0;
-      padding: 0;
-      &:after {
+  div {
+    .collapsiblockTitle button {
+      position: relative;
+      background: none;
+      &::after {
+        position: absolute;
         top: 5px;
+        right: 10px;
+        content: "";
+        background: top right url("../images/tojibbers-bl.svg") no-repeat;
+        background-size: 15px 15px;
+        height: 15px;
+        width: 15px;
+        transition: transform .5s;
+        @include reduced-motion {
+          transition: none;
+        }
       }
     }
-
+    .collapsiblockTitleCollapsed button::after {
+      transform: rotate(180deg);
+    }
   }
 
   main {
diff --git a/templates/block/block--facet-block.html.twig b/templates/block/block--facet-block.html.twig
deleted file mode 100644
index dacda7e..0000000
--- a/templates/block/block--facet-block.html.twig
+++ /dev/null
@@ -1,41 +0,0 @@
-{#
-/**
- * @file
- * Theme override to display a block.
- *
- * Available variables:
- * - plugin_id: The ID of the block implementation.
- * - label: The configured label of the block if visible.
- * - configuration: A list of the block's configuration values.
- *   - label: The configured label for the block.
- *   - label_display: The display settings for the label.
- *   - provider: The module or other provider that provided this block plugin.
- *   - Block plugin specific settings will also be stored here.
- * - content: The content of this block.
- * - attributes: array of HTML attributes populated by modules, intended to
- *   be added to the main container tag of this template.
- *   - id: A valid HTML ID and guaranteed unique.
- * - title_attributes: Same as attributes, except applied to the main title
- *   tag that appears in the template.
- * - title_prefix: Additional output populated by modules, intended to be
- *   displayed in front of the main title tag that appears in the template.
- * - title_suffix: Additional output populated by modules, intended to be
- *   displayed after the main title tag that appears in the template.
- *
- * @see template_preprocess_block()
- */
-#}
-{% if content|render|trim is not empty %}
-  <details {{ bem('block') }} open>
-    <summary>
-      {{ title_prefix }}
-      {% if label %}
-        <h2{{ title_attributes.addClass('h2') }}>{{ label }}</h2>
-      {% endif %}
-      {{ title_suffix }}
-    </summary>
-    {% block content %}
-      {{ content }}
-    {% endblock %}
-  </details>
-{% endif %}