Remove details block - style new drop-downs

UCBoulder · Sep 10, 2024 · 79cc21f · 79cc21f
1 parent ab3de80
commit 79cc21f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 59 deletions.
diff --git 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